vue.js- все статьи тега
Как определить стили css для vue.компонент js при регистрации этого компонента?
Я могу зарегистрировать обычай vue.компонент js с // register Vue.component('my-component', { template: '<div class="my-class">A custom component!</div>' }) Также смотрите https://vuejs.org/v2/guide/components.html Как я могу включить классы css для моего компонента? Я ожидал бы чего-то вроде Vue.component('my-component', { template: '<div class="my-class">A custom component!</div>', css: '#... my css stylesheet...' }) Но, похоже, не сущес ...
Состояние доступа Vuex до завершения асинхронного действия
У меня возникли проблемы, когда вычисляемый геттер обращается к состоянию до его обновления, таким образом, представляя старое состояние. Я уже пробовал некоторые вещи, такие как слияние мутаций с действиями и изменение состояния на множество различных значений, но геттер все еще вызывается до завершения отправки. Задача Состояние вызывается до завершения асинхронного действия (вызова api). Структура кода компонент a загружает API данные. пользователь нажимает 1 из данных. компонент А о ...
Как динамически создать новый div с помощью v-for в Vue.js?
Я хочу создать div динамически на основе числа элементов, присутствующих в массиве. Div содержат html-элемент, созданный ProgressBar.JS. Это Vue.код js import ProgressBar from 'progressbar.js' var bar; export default { data() { return { fitness: ['Run', 'Cycle'], val: 0.65 } }, mounted(){ this.showProgressBar(this.val); }, created: function() { }, methods:{ showProgressBar: fu ...
Как запустить код VueJS только после полной загрузки и инициализации Vue?
Я работаю над компонентом Vue, который будет размещен на нескольких веб-сайтах через систему CMS. Проблема, с которой я сталкиваюсь, заключается в том, что даже если мой порядок загрузки сценариев js правильный, иногда я получаю эту ошибку: Uncaught ReferenceError: Vue is not defined at HTMLDocument.<anonymous> Vue загружается через cdn и находится над кодом компонента. Весь код Vue выполняется следующим образом: document.addEventListener("DOMContentLoaded", () => { // here ...
Как сказать в vue js, что компонент не является пользовательским ()
Я использую vue.js, и он распознает компонент (menuitem) как пользовательский. <menu type="context" id="viewerContextMenu"> <menuitem id="firstId"></menuitem> <menuitem id="secondId"></menuitem> <menuitem id="thidId"></menuitem> </menu> Итак, у меня есть предупреждение в консоли браузера: "Unknown custom element: <menuitem> - did you register the component correctly? For recursive components, make sure to provide the "name" ...
не угловая есть "вычисляемое свойство" как в Vue.js?
Я выучил Vue.сначала js, а теперь у меня есть проект в Angular 4, поэтому я просто изучил Angular. Я нахожу, что все не так уж отличается от Vue, за исключением "вычисляемого свойства". В Vue я могу создать вычисляемое свойство, которое прослушивает изменения других свойств и автоматически выполняет вычисления. Например (в Vue 2): computed: { name(){ return this.firstname + ' ' + this.lastname; } } Свойство name будет пересчитываться только при изменении одного из значений ...
Как добавить кучу глобальных фильтров в Vue.js?
Я хочу использовать несколько глобальных фильтров в Vue.JS app. Я знаю, что мне нужно определить их перед моим главным экземпляром Vue, но вставляю их все в " main.файл js не кажется мне правильным с точки зрения организации кода. Как я могу иметь определения в отдельном файле, импортированном в ' main.Джей Си? Никак не могу взять в толк, что такое импорт/экспорт. ...
Импорт вспомогательного класса в компонент Vue
Я хотел бы импортировать вспомогательный класс, а не вставлять логику в мой компонент. Я получаю следующую ошибку: http://eslint.org/docs/rules/no-unused-vars 'NavbarService' is defined but never used /сервисы / NavbarService.js class NavbarService { constructor (init) { this.init = init; } static applications () { return [ { name: 'Administration' }, { name: 'Standard' } ]; } static views () { return [ { name: 'Providers', path: '/providers ...
Как получить все данные из формы с помощью Vue
У меня есть следующая разметка. <div class="checkbox"> <label> <input class="weekdays" name="wednesday[]" v-model="wed.selected" id="wednesday" type="checkbox"> Wed </label> </div> <div class="checkbox"> <label> <input class="weekdays" name="thursday[]" v-model="thu.selected" id="thursday" type="checkbox"> Thu </label> </div> Аналогично для всех остальных дней недели. И в с ...
Как установить высоту карты vuetify
Я пытаюсь добавить карту с vue и vuetify, которая займет место в моем контейнере, используя v-flex для создания горизонтальной карты, которая действует так же вертикально. Я попытался добавить стиль высоты 100%, используя fill-height, child-flex и т. д., Но я не могу получить размер карты для заполнения контейнера. Как правильно регулировать высоту? Ref: https://vuetifyjs.com/en/components/cards <div id="app"> <v-app id="inspire"> <v-toolbar color="green" dark fixed app ...
Отмените предыдущий запрос, используя axios с vue.JS
Я использую axios и vue.js.Я погуглил его и проверил документы axios, но все еще не могу понять, как это сделать. ...
Компоненты Vuejs ждут инициализации
Чтобы дать некоторый контекст, у меня есть приложениеvuejs , использующееvue-router иvuex . app.vue загрузочный код foo.vue некоторый компонент, который отображается на маршруте /foo bar.vue некоторый компонент, который отображается на маршруте /bar При запуске приложения мне нужно синхронизировать Чтение состояния из хранилища устройства. Поскольку это асинхронная операция, она оборачивается на vue-action и вызывается на app.vue. При входе в /foo маршрут к моменту монтирования компон ...
Вы можете заставить Vue.js для перезагрузки / рендеринга?
просто быстрый вопрос. вы можете заставить Vue.js, чтобы перезагрузить / пересчитать все? Если да, то как? ...
Вызов метода компонента Vue JS извне компонента
допустим, у меня есть основной экземпляр Vue, который имеет дочерние компоненты. Есть ли способ вызвать метод, принадлежащий одному из этих компонентов, из-за пределов экземпляра Vue полностью? вот пример: var vm = new Vue({ el: '#app', components: { 'my-component': { template: '#my-template', data: function() { return { count: 1, }; }, methods: { increaseCount: function() { this.count++; } ...
[Vue warn]: не удается найти элемент
Я использую Vuejs. Это моя разметка: <body> <div id="main"> <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div> </div> </body> Это мой код: var main = new Vue({ el: '#main', data: { currentActivity: 'home' } }) ; когда я загружаю страницу, Я получаю это предупреждение: [Vue warn]: Cannot find element: #main что я делаю не так? ...
Vue 2-мутирующий реквизит vue-предупредить
Я начал https://laracasts.com/series/learning-vue-step-by-step серия. Я остановился на уроке Vue, Laravel и AJAX С этой ошибкой: vue.js:2574 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "list" (found in component <task>) у меня есть этот код главная.js Vue.component('task', { template: '#task-template', props: ['list ...
Могу ли я передать параметры в вычисляемых свойствах в Vue.Js
можно ли передать параметр в вычисляемые свойства в Vue.Js. Я вижу, что при использовании getters/setter с помощью computed они могут взять параметр и назначить его переменной. как здесь от документация: // ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (newValue) { var names = newValue.split(' ') this.firstName = names[0] this.lastName = names[names.length - 1] } ...
Ву.параметры запроса js
Как я могу получить параметры запроса в vue.Джей? http:://somesite.com?test=yay Не могу найти способ получить или мне нужно использовать чистый JS или какую-то библиотеку для этого? ...
Значения по умолчанию для реквизита компонента Vue & как проверить, не установил ли пользователь опору?
1. как я могу установить значение по умолчанию для компонента prop в Vue 2? Например, есть простой movies компонент, который может быть использован таким образом: <movies year="2016"><movies> Vue.component('movies', { props: ['year'], template: '#movies-template', ... } но, если пользователь не указать year: <movies></movies> тогда компонент примет некоторое значение по умолчанию для year проп. 2. кроме того, каков наилучший способ проверить, не уст ...
Момент.js с Vuejs
Я пытаюсь распечатать дату времени, используя, как показано ниже в vue-for {{ moment().format('MMMM Do YYYY, h:mm:ss a') }} но он не появляется. Это просто пустота. Как я могу попробовать использовать момент в vue? ...