Вопросы и ответы - vuejs2

Вопросы и ответы - vuejs2

ajax alert apache api arrays async-await asynchronous auth0 axios bootstrap-4 bootstrap-modal bootstrap-vue buefy cache-control caching chart.js click command-line-interface components css css-position css-transitions custom-data-attribute datatable datepicker datetime debouncing django django-rest-framework dom dom-events dropzone.js echarts electron element-ui emit environment-variables error-handling eslint event-handling events excel express fabricjs fetch firebase firewall flexboxgrid frontend getter-setter google-maps google-maps-markers html html-select interceptor internationalization javascript jestjs jquery json jsx jwt laravel laravel-5 laravel-horizon laravel-mix laravel-spark laravel-vue leaflet lifecycle line-breaks lodash mapping middleware mixins namespaces network-programming node.js npm nuxt.js nuxtjs object onchange path pdf php port post quasar quasar-framework reactjs right-to-left routerlink sass scroll select shopping-cart show single-page-application sorting spring store storybook stream svg tdd textarea transition truncate twitter-bootstrap twitter-bootstrap-3 typescript unit-testing url v-for v-model validation vee-validate vue-chartjs vue-class-components vue-cli vue-cli-3 vue-cli-4 vue-component vue-composition-api vue-devtools vue-dynamic-components vue-material vue-meta vue-mixin vue-multiselect vue-props vue-quill-editor vue-reactivity vue-router vue-test-utils vue-toasted vue.js vue2leaflet vuejs2 vuejs3 vuelidate vuetify.js vuex watch web webpack webpack-dev-server webpacker webpage


Есть ответ!
У меня есть форма с полем для ввода текста и при нажатии на кнопку я должен отправить запрос со значением из ввода Как я могу это сделать? <div class=" select__body" v-if="addedForm === 3"> <div class="select-item" v-on:click="PostReqests()">Value 1</div> <div class="select-item" v-on:click="closeForm()">Value...
Есть ответ!
У меня есть проект, работающий с vuejs2 и это html-код <input @keyup='check_item_offer(arrayresult.id, arrayresult.unit_id, arrayresult.qty, key, 16)' v-model='arrayresult.qty' /> и это keyup все работает так хорошо Если я изменю check_item_offer:function(item_id ,unit_id, quantity, key, tax) { this.taxss = tax; $.ajax({ type:'POST', url: path + 'check_item_offer', dat...
Есть ответ!
Я пытаюсь получить доступ к API prestashop с помощью vuejs2 <script> import axios from 'axios' export default { data () { return { get: [], errors: [] } }, created () { axios({ method: 'get', url: 'https://myprestashopsite.com/api/categories/?ws_key=J***************Z&filter[id_parent]=5&output_format=JSON' }).then(response => { ...
Есть ответ!
При работе с массивом объектов можно ли в цикле v-for присвоить текущий объект переменной и одновременно уничтожить его свойства? Что-то вроде этого: <div v-for="(person = {name, age}, index) in persons"> В конечном счете я ищу способ использовать, например, как весь объект person, так и его свойства в шаблоне.
Есть ответ!
В моем vue-приложении я хочу перебрать массив данных, который содержит несколько флажков. filters: [ { name: "Sales & marketing", open: false, items: [ { employees_cvr: { placeholder: "employees", checked: false, click: data => { ... } }, ...
Есть ответ!
Мы используем API композиции Vue и хотели бы передать объект ref, а не только значение, в качестве аргумента функции. Какой-то код для уточнения: import { defineComponent, ref } from '@vue/composition-api' export default defineComponent({ setup() { const driverId = ref() const truckId = ref() const clearDriverId = () => { driverId.value = null } Приведенный выше код р...
Есть ответ!
Я пытаюсь отформатировать реквизит с помощью метода, который я создал. Возможно ли это? Я ищу что-то вроде этого: Мой компонент: props:{ title: String, min: String, formatedDate: this.formateDate(formatedDate) } Там, где я вызываю этот компонент, дата начинается как пустая строка, но я изменяю это значение с помощью средства выбора даты. Возможно ли это? Большое спасибо!
Есть ответ!
Кто-нибудь знает, что может вызвать ошибку 415 (неподдерживаемый тип носителя)? Спасибо createArticleOld : async ({ commit, dispatch }, data) => { let added = await dispatch('authorizedPostOld', { action: 'article', data, headers: { 'Content-Type': 'application/json-patch+json', 'Accept': 'application/json-patch+json', }, ...
Есть ответ!
Работа с VUE.JS... Имея 'родительскую' компонент с двумя Чайлдс: 'форма' и 'кнопки'. (Это упрощение более сложного сценария). В 'кнопки' A 'существуетяснокнопку, чтобы очистить поля 'форма' форма. Я смогла пройти мероприятие от 'кнопки' в 'родительскую', но не 'родительскую' до 'форма' ¿? Внутри "пуговиц": <b-button v-on:click="clean()">Clear</b-button> methods: { clean(...
Есть ответ!
Я пытаюсь следить за некоторыми предупреждениями в моем компоненте import VueCompositionApi, { watch } from '@vue/composition-api'; import useWarning from '@composables/warnings'; Vue.use(VueCompositionApi); setup () { const { activeWarnings } = useWarning(); watch(activeWarnings, () => { console.log('called inside on update') }); } В своей композиционной ф...
Есть ответ!
<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script> <script src = './libs/trading-vue-js-master/dist/trading-vue.js' ></script> </head> <body> <div id = "app"></div> <test> </test> <script> var app2 = new Vue({ name: 'app', }...
Есть ответ!
У меня есть два входа, расположенных в модальном режиме, и кнопка, которая генерирует еще два входа, когда пользователь нажимает на нее. Это работает, но я хочу добавить значок шрифта awesome рядом с двумя входами только для динамически создаваемых входов, как я могу добиться этого в Vue? Вот мой код до сих пор: <div class="price-round-creation-containe" v-for="(shareholder, inde...
Есть ответ!
Как мы можем настроить маршрутизацию NUXT. В настоящее время я работаю с механизмом маршрутизации страниц по умолчанию NUXT. Я хочу указать example.vue в качестве целевой страницы по умолчанию вместо index.vue. Мне также нужно добавить аутентификацию на эти маршруты. к сожалению, документ NUXT мне не очень помог.
Есть ответ!
Пожалуйста, кто-нибудь объясните мне, как это работает в шаблоне vue. Я нашел этот код в файле laravel jetstream и Inertiajs AppLayout.vue.
Есть ответ!
Я использую активный класс в своем маршрутизаторе вот так : <li class="list-group-item"> <router-link :to="{name:'category'}" active-class="active"> Category </router-link> </li> этот код работает, и ссылка активна, но я хочу, чтобы эта ссылка была активна на двух маршрутизаторах, т. е. на категории и подкатегории, как я могу достичь э...
Есть ответ!
Я использую Vuetify в интерфейсе и Laravel в бэкэнде. Я пытаюсь создать динамическую таблицу, в которой пользователь может сам задавать имена столбцов. Поэтому я создал форму с циклом для 2 полей: <template> <div> <v-card> <v-card-text> <v-row v-for="n in numTextFields" align="center"> &...
Есть ответ!
При нажатии на кнопку открываются сведения о строке. Когда открывается еще одна деталь строки, Я хочу убедиться, что открытые детали закрыты. Одна деталь линии должна оставаться открытой пример скриншота Как вы можете видеть в примере, существует более одной строки, в то время как деталь в первой строке открыта, я хочу, чтобы деталь во второй строке была закрыта. <b-table show-empty sma...
Есть ответ!
У меня есть компонент иерархического списка, в котором дочерние элементы имеют флажки. Действия флажка (check/uncheck) должны поддерживать синхронизацию родительского компонента с измененным состоянием флажка. Я не могу понять, как добиться этого с помощью v-bind.синхронизация рекурсивно. Мой код выглядит следующим образом: Меню.Вью Этот компонент содержит иерархический список. (Включен только соо...
Есть ответ!
Я создаю сайт фильмов с помощью TMDB API (https://developers.themoviedb.org/3/movies) Я хочу показать 20 фильмов на главной странице, а затем показать еще 20 фильмов, когда нажму кнопку Далее. Вот мой домашний.Вью <template> <div class="home"> <MovieList v-bind:movies="movies" :showMovies="showMovies"/> <div class="my-4"> &l...
Есть ответ!
Имея следующий пример кода, я хочу знать правильное событие/метод, чтобы отличить, было ли заполненное значение введено вручную или выбрано из <datalist>. ШАБЛОН: <div> <b-form-input list="my-list-id" v-on:change="handleChange" v-model="sizeSel"/> <datalist id="my-list-id"> <option v-for="size in sizes&...


Закрыть X