Вопросы с тегом «vuejs2»

В VueJS мы можем добавлять или удалять элемент DOM с помощью v-if: <button v-if="isRequired">Important Button</button> но есть ли способ добавить / удалить атрибуты элемента dom, например, для следующего условного задания необходимого атрибута: Username: <input type="text" name="username" required> чем-то похожим на: Username: <input type="text" name="username" v-if="name.required" required> Любые идеи?

119 javascript  vue.js  vuejs2 

Как я могу повторить цикл через v-forX (например, 10) раз? // want to repeat this (e.g.) 10 times <ul> <li v-for="item in shoppingItems"> {{ item.name }} - {{ item.price }} </li> </ul> В документации указано: <ul> <li v-for="item in 10">{{ item }}</li> </ul> // or <li v-for="n in 10">{{ n …

117 javascript  vue.js  vuejs2  v-for 

Обзор В Vue.js 2.x model.syncбудет объявлен устаревшим . Итак, каков правильный способ взаимодействия между соседними компонентами в Vue.js 2.x ? Задний план Насколько я понимаю, Vue 2.x, предпочтительный метод для связи между братьями и сестрами - использовать хранилище или шину событий . По словам Эвана (создателя Vue): Также стоит упомянуть, …

113 javascript  vue.js  vuejs2  vue-component  vuex 

У меня есть компонент с проверкой формы. Это многоэтапная форма оформления заказа. Код ниже предназначен для первого шага. Я хотел бы убедиться, что пользователь ввел текст, сохранил свое имя в глобальном состоянии, а затем отправил его на следующий шаг. Я использую vee-validate и vuex <template> <div> <div class='field'> <label class='label' …

111 vue.js  vuejs2  vue-component  vuex 

У меня есть массив, peopleкоторый содержит следующие объекты: Перед [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] Это может измениться: После [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 33}, {id: 2, name: 'Joe', …

108 javascript  vue.js  vuejs2 

Я хочу объединить переменную Vue.js с URL-адресом изображения. Что я вычислил: imgPreUrl : function() { if (androidBuild) return "android_asset/www/"; else return ""; } Если я построю для Android: <img src="/android_asset/www/img/logo.png"> Еще <img src="img/logo.png"> Как я могу связать вычисленную переменную с URL-адресом? Я попробовал: <img src="{{imgPreUrl}}img/logo.png">

108 javascript  vue.js  vuejs2 

У меня динамическое представление: <div id="myview"> <div :is="currentComponent"></div> </div> со связанным экземпляром Vue: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Это позволяет мне динамически изменять свой компонент. В моем случае, у меня есть три различных компонента: myComponent, myComponent1и myComponent2. И переключаюсь между ними …

107 javascript  vue.js  vuejs2  vue-component 

Как изменить номер порта в проекте Vue-cli, чтобы он работал на другом порту вместо 8080.

106 vue.js  vuejs2  command-line-interface  vue-cli 

Мое приложение использует Firebase API для аутентификации пользователя, сохраняя статус входа в систему как логическое значение в состоянии Vuex. Когда пользователь входит в систему, я устанавливаю статус входа и условно отображаю кнопку входа / выхода соответственно. Но когда страница обновляется, состояние приложения vue теряется и сбрасывается до значения по умолчанию …

106 javascript  vue.js  vuejs2  state  vuex 

Рассмотрим простой Вью блог: Я использую Vuex как мой датасторе и мне нужно создать два добытчиками : а getPostпоглотитель для извлечения postпо идентификатору, а также , listFeaturedPostsчто возвращает несколько первых символов каждого признакам пост. Схема хранилища данных для списка избранных сообщений ссылается на сообщения по их идентификаторам. Эти идентификаторы необходимо …

105 vuejs2  vuex 

Итак, я хочу передать реквизиты компоненту Vue, но я ожидаю, что эти реквизиты в будущем изменятся изнутри этого компонента, например, когда я обновляю этот компонент Vue изнутри с помощью AJAX. Так что они предназначены только для инициализации компонента. cars-listЭлемент моего компонента Vue, в котором я передаю реквизиты с начальными свойствами …

102 javascript  vue.js  vuejs2 

Мой компонент vue выглядит так: <template> <div> <div class="panel-group" v-for="item in list"> ... <div class="panel-body"> <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne"> Show </a> </div> <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel"> ... </div> </div> </div> </template> <script> export default { ... computed: { list: function() { …

100 vue.js  vuejs2  vue-component 

Я хочу поместить все свои функции, которые общаются с сервером и извлекают данные, в один файл многократного использования на VueJS. Плагины не кажутся лучшей альтернативой. Без шаблонов компонентов ..?

99 service  vue.js  vuejs2 

У меня есть функция, которая помогает фильтровать данные. Я использую, v-on:changeкогда пользователь изменяет выбор, но мне также нужно, чтобы функция вызывалась еще до того, как пользователь выберет данные. Я проделал то же самое с AngularJSпредыдущим использованием, ng-initно понимаю, что такой директивы нет вvue.js Это моя функция: getUnits: function () { …

97 javascript  vue.js  vuejs2 

var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …

95 javascript  vue.js  vuejs2  vue-component