Компонент - это мощная функция Vue, которая позволяет расширять базовые элементы HTML для инкапсуляции многократно используемого кода.

Подробнее про vue-component...

У меня есть простая скрытая форма <template> <form ref="form" method="POST" action="https://target.com/post" accept-charset="utf-8"> <input type="hidden" name="data" :value="myData"/> <input type="hidden" name="signature" v-model="mySignature" /> <input ref="submit" type="submit"> </....
Я создаю приложение на Vue.js. У меня есть два похожих метода: editTool() { return ToolService.editTool(this.id, this.editedItem) .then((response) => { this.$refs.dialogInfo.setSuccess(response); }) .catch((error) => { this.$refs.dialogInfo.set....
11 Май 2021 в 11:53
В VueJS 3 при условии, что у меня есть следующий шаблон компонента для небольшого «редактора блоков HTML»: <!--Block Editor--> <template> <div> <content-block-ui-frame> <content-block-type1></content-block-type1> </content-block-ui-frame> <content-block-ui-fr....
9 Май 2021 в 09:40
У меня есть компонент для плитки, где я хочу предоставить заголовок плитки, имя ссылки и имя значка через реквизиты в компоненте. Это позволит мне повторно использовать его для предоставления необходимых данных для нескольких страниц и ссылок. Я могу заставить работать заголовок плитки и имя ссылки....
У меня есть приложение, в котором у моего компонента vue есть элемент управления Select, с помощью которого пользователи могут выбирать в нем несколько элементов. Я хочу, чтобы это свойство обновлялось в зависимости от того, что пользователь выбирает в раскрывающемся списке. Однако я продолжаю пол....
7 Май 2021 в 23:03
Мне нужно выполнить такой div. Когда пользователь нажимает на card, он будет перенаправлен на другую страницу, но когда пользователь нажимает на button внутри card, он будет перенаправлен на другую страницу. <v-ons-card @click="goToPage1()" > <div> // content </di....
7 Май 2021 в 08:56
Я не уверен, что правильно назвал свой вопрос, но постараюсь объяснить получше, пожалуйста, потерпите меня. Итак, у меня есть форма в моем шаблоне компонента, я просматриваю объект, называемый фруктами, в форме, чтобы отобразить доступные фрукты, чтобы можно было отметить фрукты, которые они хотят, ....
6 Май 2021 в 12:31
Вот как я создал теневой элемент Vue.customElement('my-element', MyElement, { shadow: true, shadowCss: mystyles, }); ....
3 Май 2021 в 20:15
Я хотел бы добавить событие onKeyDown для элемента flatpickr на моей странице. В настоящее время у меня есть приведенный ниже код, но он не работает. Событие не увольняется. Любая помощь приветствуется. const dob = flatpickr('#date_of_birth', { allowInput: true, altInput: true, altFor....
3 Май 2021 в 20:05
Я использовал Vue 3 cli, чтобы установить новую тестовую площадку для магазина и маршрутизатора, чтобы изучить их. Проект получился таким: Main.js : import { createApp } from "vue"; import App from "./App.vue"; import router from "./router"; import store from "./store"; createApp(App).use(store).us....
3 Май 2021 в 03:22
У меня был простой компонент vue, в котором я получаю вопрос из базы данных в методе beforeMounnt (), но после внесения некоторых изменений я хотел перезагрузить данные в моем состоянии и все работает нормально Но обновленный метод продолжает получать новое состояние из состояния, что, как мы зна....
2 Май 2021 в 20:25
Я пытаюсь познакомиться с Vue2. Как вы можете видеть ниже, я пытаюсь передать массив «маркеров», но карта не меняется. Как изменить массив маркеров? Как я могу сделать массив маркеров реактивным, чтобы маркеры карты менялись? Спасибо за помощь! views/Map.vue <template> <div id="MapWrapper"> ....
2 Май 2021 в 19:58
На моей странице Nuxt у меня есть компонент навигации, где я пытаюсь добиться чего-то вроде [Логотип] [Продукт] [Информация] [Вакансии (2)] Где (2) - это флаг, представляющий количество элементов в соответствующей папке содержимого «Задания». Я пытался заполнить состояние, но не смог заставить ег....
30 Апр 2021 в 02:28
У меня есть компонент GenericButton, в который мне нужно передать пару свойств. Один предназначен для класса, который он будет использовать, а другой - для класса, который будет применяться, если кнопка отключена. Я читаю документы Vue здесь: https://vuejs.org/v2/guide /class-and-style.html, но у....
27 Апр 2021 в 23:42
Я пытаюсь выяснить, как проверить (используя утилиты vue test и jest), является ли дочерний компонент (который отображается через v-show) в настоящее время видимым или нет (не имеет отношения к содержимому дочернего компонента). Мой код vue html выглядит так: <ChildComponent v-show="isShowing"/> Я ....
27 Апр 2021 в 08:43
У меня есть компонент навигации с кнопкой для переключения темного режима / светлого режима. Когда я нажимаю эту кнопку, я хочу изменить класс в App.vue. Как передать данные с кнопки в App.vue? .......
26 Апр 2021 в 04:36
Я пытаюсь создать динамическую таблицу в Vue на двух уровнях: дочерний компонент содержит ячейки с idx как: key, а родительский имеет дочерние компоненты в таблице с 'line' как: key. Мой вопрос: когда я фиксирую настроенное событие @ update-cellValue, у меня есть idx, oldValue и newValue, перенесенн....
24 Апр 2021 в 23:57
Main.js import Vue from 'vue' import App from './App.vue' import VueRouter from 'vue-router' //Components import Homepage from './components/Homepage.vue' import Login from './components/Login.vue' import RegistrationCompany from './components/RegistrationCompany.vue' Vue.use(VueRouter); Vue.config....
У меня есть компонент формы с флажком, который должен быть истинным / ложным. Форма привязана к магазину vuex. Я установил начальное значение true, и оно проверяется при загрузке. Но когда я снимаю этот флажок, значение меняется на "включено" , и я не могу проверить его повторно . <div class="fo....
24 Апр 2021 в 03:22
У меня есть код ниже: var CatShelter = { template: '<vue-multiselect' + ' :options="options">' + '<template> <i v-on:click="removeCats(option)"></i></span> </template>' + '</vue-multiselect>' +, props: {options: Array}, methods: { removeCats: function (object) { self = this; this.opt....
Кто-нибудь реализовал Paddle с Nuxt? Попытка запустить это на странице (компоненте) приложения Nuxt: <script src="https://cdn.paddle.com/paddle/paddle.js"></script> <script type="text/javascript"> Paddle.Setup({ vendor: 1234567 }); </script> Я безуспешно пробовал три способа. NPM с paddle-sdk ....
В чем проблема Я хотел создать внешнюю асинхронную функцию и просто присвоить то, что она возвращает, значению из состояния. Как вы можете видеть, я также перехожу к этой функции firebase reference and store, поэтому мне не нужно снова импортировать ее в файл js. Еще я хочу присвоить false state....
У меня есть компонент BaseMenuItem с обычными кнопочными элементами, а также со специальными элементами news . Я добавил эффект бегущей строки к элементам типа новости и хочу останавливать бегущую строку на этом элементе при щелчке по нему. В настоящее время событие щелчка останавливает дейст....
21 Апр 2021 в 19:23
В настоящее время я пытаюсь получить данные из формы в Vue с помощью машинописного текста, но при объявлении данных, которые я собираюсь использовать, они публикуются в полях сообщение публикуется, я не знаю, как это исправить, потому что, по-видимому, никто не использует vue с машинописным текстом,....
21 Апр 2021 в 10:38
У меня есть этот код для рендеринга моего главного экрана. Я хочу визуализировать компоненты на основе значения, которое я получаю из магазина vuex. Все хорошо. Проблема: компонент не перезагружается при мутации. Какие-нибудь советы, пожалуйста? <template> <component v-bind:is = "showDashboard" ....
21 Апр 2021 в 02:57