В VueJS мы можем добавлять или удалять элемент DOM с помощью v-if: <button v-if="isRequired">Important Button</button> но есть ли способ добавить / удалить атрибуты элемента dom, например, для следующего условного задания необходимого атрибута: Username: <input type="text"...
Я пытаюсь установить параметры запроса с помощью Vue-router при изменении полей ввода, я не хочу переходить на другую страницу, а просто хочу изменить параметры запроса URL-адреса на той же странице, я делаю так: this.$router.replace({ query: { q1: "q1" } }) Но при этом также обновляется страница...
Как я могу повторить цикл через 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>...
У меня есть компонент, как мне выбрать один из его элементов? Я пытаюсь получить входные данные в шаблоне этого компонента. Компонентов может быть несколько, поэтому селектор запросов должен анализировать только текущий экземпляр компонента. Vue.component('somecomponent', { template:...
Я хочу создать компонент с Vue.js, содержащий метку и ввод. например : <label for="inputId">Label text</label> <input id="inputId" type="text" /> Как я могу установить уникальный идентификатор для каждого экземпляра компонента?...
Обзор В Vue.js 2.x model.syncбудет объявлен устаревшим . Итак, каков правильный способ взаимодействия между соседними компонентами в Vue.js 2.x ? Задний план Насколько я понимаю, Vue 2.x, предпочтительный метод для связи между братьями и сестрами - использовать хранилище или шину событий . По...
У меня есть компонент с проверкой формы. Это многоэтапная форма оформления заказа. Код ниже предназначен для первого шага. Я хотел бы убедиться, что пользователь ввел текст, сохранил свое имя в глобальном состоянии, а затем отправил его на следующий шаг. Я использую vee-validate и vuex...
Я хочу объединить переменную 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"> Как я могу...
У меня есть массив, 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', age: 38} ]...
Вопрос: Как вызвать несколько функций за один @click? (он же v-on:click)? Я старался Разделение функций с запятой: <div @click="fn1('foo');fn2('bar')"> </div>; Используйте несколько @click: <div @click="fn1('foo')" @click="fn2('bar')"> </div>; но как это сделать правильно?...
У меня динамическое представление: <div id="myview"> <div :is="currentComponent"></div> </div> со связанным экземпляром Vue: new Vue ({ data: function () { return { currentComponent: 'myComponent', } }, }).$mount('#myview'); Это позволяет мне динамически изменять свой...
Как изменить номер порта в проекте Vue-cli, чтобы он работал на другом порту вместо 8080.
Я хотел бы показать div при наведении курсора на элемент в vue.js. Но я не могу заставить его работать. Похоже, что в vue.js. нет событий для наведения или наведения курсора мыши. Это правда? Можно ли комбинировать методы jquery hover и vue?...
Мое приложение использует Firebase API для аутентификации пользователя, сохраняя статус входа в систему как логическое значение в состоянии Vuex. Когда пользователь входит в систему, я устанавливаю статус входа и условно отображаю кнопку входа / выхода соответственно. Но когда страница...
У меня есть проект Vue 2, в котором много (50+) однофайловых компонентов . Я использую Vue-Router для маршрутизации и Vuex для состояния. Существует файл helpers.js , который содержит набор функций общего назначения, таких как использование заглавной буквы в строке. Этот файл выглядит так: export...
Мне нужно выполнить маршрутизацию к определенному компоненту двумя способами: один с параметром, другой без него. Я искал необязательные параметры и почему-то не могу найти много информации. Итак, мой маршрут: { path: '/offers/:member', component: Offers, name: 'offers', props: true, meta: {...
Во-первых, я хочу сказать, что я новичок в Vue, и это мой первый проект, когда-либо использующий Vue. У меня есть поле со списком, и я хочу сделать что-то другое в зависимости от выбранного поля со списком. Я использую отдельный файл vue.html и машинописный текст. Вот мой код. <select...
Итак, я хочу передать реквизиты компоненту Vue, но я ожидаю, что эти реквизиты в будущем изменятся изнутри этого компонента, например, когда я обновляю этот компонент Vue изнутри с помощью AJAX. Так что они предназначены только для инициализации компонента. cars-listЭлемент моего компонента Vue, в...
Я хочу , чтобы получить доступ state.sessionв instance.jsс records_view.js. Как это достигается? магазин / модули / instance.js const state = { // This is what I want to access in records_view.js session: {} }; const getters = { sessionGetter: state => state.session }; магазин / модули /...
Мой компонент 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">...