Вопросы и ответы - vue.js

Вопросы и ответы - vue.js

ag-grid ajax api arrays asp.net-mvc assets authentication axios bootstrap-4 bootstrap-vue buefy build button carousel chart.js click cloudfoundry components contenteditable css css-transitions data-binding date datetime django docker ecmascript-6 electron element-ui es6-promise eslint event-bubbling express firebase firebase-realtime-database focus frontend github github-pages google-chrome google-cloud-firestore google-cloud-storage google-maps gridsome heroku html html-table icons internationalization internet-explorer-11 java javascript jestjs jquery json laravel laravel-5 laravel-6 laravel-mix leaflet local-storage lodash loops memory-leaks menu methods middleware mocha momentjs mongodb mouseevent mutation nativescript nativescript-vue nested nginx node-sass node.js npm nuxt nuxt.js object openlayers owl-carousel parent-child php plugins promise properties pusher python python-3.x quasar quasar-framework quill reactjs redirect rest rollup routes ruby-on-rails sass scope search service-worker session-storage set single-page-application spring spring-boot state state-management storybook stripe-payments svg tailwind-css testing toggle transition twitter-bootstrap typescript unit-testing url v-for v-model vee-validate visual-studio-code vue-chartjs vue-cli vue-cli-3 vue-cli-4 vue-component vue-i18n vue-native vue-router vue-test-utils vue-toasted vue.js vuejs2 vuejs3 vuelidate vuetify vuetify.js vuex vuex-modules web-component webpack webpack-dev-server websocket компоненты


Есть ответ!
Я пытаюсь обновить сетку данных, сделанную с помощью Vue.js, но контент не обновляется должным образом. Вот мой HTML код: <div class="col-md-10 col-10"> <div class="row" id="grid"> <div class="col-md-4" v-for="entry in entries"> <div class="info_overlay"> <div> <span class="name">{{ entry.name }}</s...
Есть ответ!
Привет, ребята, я пытаюсь нажать кнопку в своем Vue.js-страница на другую .html-страница, которая существует в моей общей папке. Поэтому я использую этот способ <button @click="window.location='public/test.html'">See Results</button> Однако я получаю ошибку, которая говорит: "Свойство или метод "окно" не определяется на экземпляре, но ссылается на него во время рендеринга"...
Есть ответ!
Я использую Vuetify тока твар объекта DataTable интерфейс составляющиеТ (совместимо с Vue.js2) и я пытаюсь вычислить промежуточный итог продукта, умножая количество продукта на его цену, используя следующие статические данные в JavaScript: HTML: <template> <v-layout align-start> <v-flex> <v-container grid-list-sm class="pa-4 white"> ...
Есть ответ!
я пытаюсь оживить некоторые элементы, используя аниме.js с некоторыми функциями promise проблема заключается в том, что вторая функция не будет выполняться после того, как предыдущая была успешной. <script> import Splash from '../components/Splash.vue'; import Intro from '../components/Intro.vue'; export default { components: { Splash, Intro, }, mounted() { //This is the li...
Есть ответ!
Я работаю над проектом Vue, на самом деле я пытаюсь привязать атрибут img src к значению данных, а затем использую функцию setInterval для динамического изменения url-адреса каждый раз, когда вызывается функция, но когда я запускаю страницу, Я получаю ошибку, например Свойство или метод "source" не определяется в экземпляре, но ссылка во время рендеринга. Убедитесь, что это свойство являетс...
Есть ответ!
Я пытаюсь добавить некоторый стиль к своему полигону с помощью OpenLayers: https://openlayers.org/en/latest/examples/draw-and-modify-features.html Но я ничего не нахожу о том, как я могу добавить некоторый стиль к каждой точке многоугольника. Я попытался сделать круги для каждой точки, но я не знаю, как это сделать. Если кто-то может мне помочь :) Спасибо :)
Есть ответ!
Я работаю на простое приложение чат в Vue.JS, который действует как концепция чат-бота, где ввод данных пользователем вызывает письменный ответ. Это работает, но я знаю только, как вывести входные данные и ответ, как показано ниже. Проблема с этим заключается в том, что данные {{.сообщение }} и {{ данные.ответ }} зацикливаются друг под другом, не давая никакого приказа конвою. Входные данные пол...
Есть ответ!
Я хочу подождать нажмите пользователя, чтобы взаимодействовать содержимое. А ниже приведен пример кода с vanilla js. Но только с Вью.js, я не могу добавить eventlistener к определенному элементу dom динамически. Тогда, как я могу сделать это с Ву.js? async mainTask(){ //something... showText.innerText += "please input value and then click ok button.\n"; const input = await waitInput(); ...
Есть ответ!
Я пытаюсь добавить фоновое изображение CSS в динамический блок style, используя require в Vue.JS и v-for. <div v-for='item of this.$store.state.offers' :key="item.id" :style="{'background-image': 'url(' + require('../../assets/men.jpg') + ')'}" > Дело в том, что приведенный выше код работает статически, но если я заменю его на ${item.img} в скобках "require", он сломает...
Есть ответ!
Вот пример из какого-то учебника: <p id="p">Example: <i>italic</i> and <b>bold</b></p> <script> let range = new Range(); range.setStart(p.firstChild, 2); range.setEnd(p.querySelector('b').firstChild, 3); alert(range); // ample: italic and bol // use this range for selection (explained later) window.getSelection().addRange(range); </scri...
Есть ответ!
я новичок в vue и пытаюсь понять всю концепцию vue и как ее использовать, теперь я пытаюсь изучить списки. JS: Vue.config.productionTip = false; new Vue({ el: '#app', data: { items: [ {Name: "qwe"}, {Name: "qwe"}, {Name: "zxc"}, {Name: "qwe"}, {Name: "asd"} ] }, methods: { items.push({Name: "tyu"}) } }) HTML: <div id="app"> <ol> &...
Есть ответ!
У нас есть уже существующее ASP.NET MVC5 Projekt (бритва). Мы хотим перестроить все (используя Vue.js для frontend), но из-за запросов клиентов мы сначала должны поместить новый компонент Vue в существующий проект(предпочтительно работающий в div). Мы также хотим повторно использовать компонент Vue для нового приложения, поэтому мы решили поместить компонент Vue в его собственный проект. Каков на...
Есть ответ!
Ву.JS Vuex военнослужащих / firestore Я создал веб-сайт, где вы можете отправить текст и изображение для вашего поста. В настоящее время я даю post.postPicture весь URL-адрес изображения, которое ему принадлежит. Эта работа. Изображения хранятся в хранилище firebase под номером /$useruid/$filename. Теперь, как это обычно бывает, что будет, если filename или userid изменятся? (предполагая, чт...
Есть ответ!
<div id='app'>{{ userContent }}</div> В userContent, если строка начинается с -, я хочу стилизовать только эту строку красным цветом. Я могу изменить данные userContent в js с классом для этих строк и использовать v-html, но тогда я теряю защиту XSS. Есть ли какой-либо способ иметь защиту XSS с помощью Vue?js, но также иметь возможность стилизовать userContent?
Есть ответ!
Я делаю проект pet, веб-сайт html с некоторыми таблицами, созданными через vue.JS Я чувствую, что мой код может быть намного проще, преломляя его, но я не знаю, что и куда положить смотрите мою проблему в следующем коде var players = [ { ID: 1, NAME: "Chandler Bing", TEL: '305-917-1301', rank: '3 dan' } ]; var criteria = ["ID", "NAME", "TEL", "rank"]; let crit = [ { name: "ID", ...
Есть ответ!
Я использую перо в компоненте под названием "редактор". Проблема, с которой я сталкиваюсь, заключается в том, что если я использую v-if или v-show на компоненте в моем HTML, редактор скрыт, но меню snow остается. Если я переключаюсь, то получаю несколько снежных меню. Кто-нибудь еще сталкивался с этой проблемой? Ниже приведена моя разметка Vue.component('editor', { template: '<div ref="...
Есть ответ!
В шаблоне vue есть входной тег. Я хочу использовать тип "текст", а не тип "пароль". <input type="text" v-model="form.password" /> Поэтому я сделал код часов, чтобы изменить текстовую строку на * * string. watch: { "form.password": function(val) { this.form.password = * } } Но когда я набираю один символ, он меняется На"*", поэтому "смотреть" кэширует снова и снова ...
Есть ответ!
Я пытаюсь отфильтровать массив с данными в Vue.JS. Я делаю это в вычисляемой собственности. Это тестовый массив: { "Animals": [ { "date_time": "2011.08.31", "animal_list": [ { "animal_title": "Monkey" }, { "animal_title": "Giraffe" } ] }, ...
Есть ответ!
Я пытаюсь передать данные из одного компонента в другой, но есть некоторая проблема. Может ли кто-нибудь помочь с этим? Вот вам код: <template> <div class="q-pa-md" style="max-width: 900px"> <div v-if="fields.length"> <q-item-label header>User settings</q-item-label> <q-list v-for="field in fields" :key="field.id"> <div v-if="field...
Есть ответ!
Мне жаль, что я не могу дать много информации, потому что я действительно не знаю, почему это не работает, я пытаюсь напечатать индекс, но индекс по какой-то причине не работает вообще, благодарен за любую помощь. Индекс никогда не имеет никакого значения, в любой момент всегда будет выводить none. HTML-страница {% extends 'blog/base.html' %} {% block content %} {% load static %} <form meth...


Закрыть X