Запитання з тегом «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 

Огляд У Vue.js 2.x model.syncбуде застарілим . Отже, що є правильним способом зв’язку між компонентами братів та сестер у Vue.js 2.x ? Фон Як я розумію Vue 2.x, кращим методом для передачі побратимів є використання магазину або шини подій . За словами Евана (творця Vue): Варто також згадати "передача даних …

112 javascript  vue.js  vuejs2  vue-component  vuex 

Як я можу повторити цикл через 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 }} …

112 javascript  vue.js  vuejs2  v-for 

У мене є масив, який називається, 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: …

108 javascript  vue.js  vuejs2 

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

108 vue.js  vuejs2  vue-component  vuex 

Розглянемо простий блог Vue: я використовую Vuex як свій сховище даних, і мені потрібно встановити два геттери : getPostгеттер для отримання postідентифікатора, а також той, listFeaturedPostsякий повертає перші кілька символів кожного представленого повідомлення. Схема сховища даних для переліку пропонованих публікацій посилається на публікації за їх ідентифікаторами. Ці ідентифікатори потрібно перетворити …

106 vuejs2  vuex 

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

105 javascript  vue.js  vuejs2  vue-component 

Я хочу з'єднати змінну 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">

105 javascript  vue.js  vuejs2 

У моїй програмі використовується Firebase API для автентифікації користувачів, зберігаючи статус входу як логічне значення у стані Vuex. Коли користувач входить у систему, я встановлюю статус входу та відповідно відображаю кнопку Вхід / Вихід. Але коли сторінку оновлено, стан програми vue втрачається та скидається до типового Це спричиняє проблему, оскільки …

105 vue.js  vuejs2  state  vuex 

Як змінити номер порту в проекті Vue-cli, щоб він працював на іншому порту замість 8080.

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

Я читаю документи, але не можу це зрозуміти. Я знаю, що роблять дані, обчислені, дивляться, методи, але для чого nextTick()використовують vuejs?

104 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() { return …

99 vue.js  vuejs2  vue-component 

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

97 javascript  vue.js  vuejs2 

Я хочу помістити всі свої функції, які розмовляють із сервером та отримувати дані, в один файл багаторазового використання у VueJS. Здається, плагіни не є найкращою альтернативою. Шаблон менше компонентів ..?

95 service  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