Вопросы с меткой [vue.js]

Vue.js - это прогрессивный Javascript-фреймворк с открытым исходным кодом для построения пользовательских интерфейсов, которые стремятся быть постепенно адаптируемыми. Vue.js в основном используется для front-end разработки и требует промежуточного уровня HTML и CSS.

Фильтрация
Сортировка
Метки
-1 голос
0 ответов
11 показов

Нужна помощь с двухсторонним связыванием данных Vue

Всем добрый день, изучаю vue нужна помощь. Имеется форма с таблицой у каждой строки чекбокс, задача делать доступным чекбокс при условии что внесены дополнительные данные для строки из модалки. ...
0 голосов
0 ответов
17 показов

Преобразование данные во Vue 3

Мне необходимо прежде чем отобразить данные в дочернем компоненте их обработать. В какой части мне необходимо обработать данные: в methods, created или mounted? В данный момент обрабатываются в ...
0 голосов
0 ответов
14 показов

Как подключить яндекс карты api v3 к приложени на vue3?

документация дает примеры, см закладку vue.html для случая загрузки vue через CDN. в частности, там присуствует код, который обращается к глобальному экземпляру Vue const vuefy = ymaps3Vue.vuefy....
0 голосов
1 ответ
12 показов

Vue.js не записывается поле

Не записывается поле this.chats в методе get_chats(). Причем, внутри метода this.chats есть, а если вызвать за пределами, то уже нет. Возможно проблема в запросе... new Vue({ el: '#app', ...
0 голосов
1 ответ
22 показа

Где хранить refreshToken на фронте?

Пытаюсь разобраться с JWT авторизацией применительно к фронтенд приложению. Есть 2 токена Первый авторизационный accessToken у которого время жизни маленькое (15 минут для примера) Второй ...
0 голосов
1 ответ
13 показов

Как сделать авторизацию Vue + FastAPI

Учусь писать на Vue, стотлкнулся с проблемой, что не могу сделать нормально авторизацию. Сервер сам записывает Куки с токеном в браузер, а затем считывает, когда перехлдишь на другие страницы. Backend ...
0 голосов
0 ответов
31 показ

Как это работает? Аргумент :class в дерективе во Vue3

<script setup> import { ref } from 'vue'; const titleClass = ref('title'); </script> <template> <h1 :class='titleClass'>Red!</h1> </template> <style ...
0 голосов
0 ответов
29 показов

VueJS. Как избавиться от нативного форматирования строки Vue?

VueJS Понадобилось по-быстрому отформатировать список без написания самого списка, а с помощью <pre> элемента который сохраняет форматирование. Решил: нет ничего проще чем запихнуть <slot> ...
1 голос
0 ответов
9 показов

Как задать Document ID в firebase основываясь на данных отправляемой формы vue3

Есть код: import { collection, addDoc } from 'firebase/firestore'; import { requestGiftCard } from '@/firebase'; const name = ref(); const surname = ref(); const email = ref(); const number = ref(); ...
0 голосов
0 ответов
15 показов

Настроить смену url при смене города на проекте Larvel SPA

На проекте Laravel SPA/VUE создан сайт с маршрутами в api.php. Пользователь на главной странице может с помощью выпадающего списка, созданного на VUE, выбрать город, в котором находится предприятие. ...
0 голосов
0 ответов
11 показов

Помогите настроить пути вo vue router

У меня есть файл роутер, в котором прописаны ссылки на страницы (его думаю нет смысла прикреплять, там нет ошибок) Есть компонент films.vue, в котором я для свайпера вывожу список фильмов как карточки ...
0 голосов
0 ответов
16 показов

Как сделать адаптивный swiper vue3?

Есть свайпер и нужно как то сделать так, чтобы он был адаптивный. То есть его :slides-per-view="" уменьшалось при определенном размере экрана. (Свайпер подключал через <script src="...
0 голосов
0 ответов
21 показ

Как сделать так, чтобы строка поиска заработала?

Как не кручусь, все равно у меня выводится все как надо, но строка не работает, при этом ошибок тоже нет. Как быть? У меня на странице 3 свайпера и в каждом выводится свои статусы фильмов(сейчас в ...
0 голосов
2 ответа
1k показов

export 'default' (imported as 'Vue') was not found in 'vue'

Код из main.js import Vue from 'vue' import App from 'pages/App.vue' new Vue({ el: '#app', render: a => a(App) }) Код из App.vue <template> <div> <div v-if="!...
0 голосов
1 ответ
20 показов

Как выбрать элемент в массиве если используешь v-for?

У меня есть карточки (div class="card" v-for="dish in dishes"), мне нужно сделать метод, чтобы при нажатии кнопки "в корзину", в массив orders:[] будет добавляться id, ...
0 голосов
1 ответ
47 показов

Как подключить яндекс карты к сайту на vue3 js?

Как я не пытался и через скрипт и через 2 разных npm install, все бестолку. Даже код нет сымсла прилагать, потому что по документации там не много вообще писать, да по сути там вообще ctrl c + ctrl v, ...
0 голосов
1 ответ
23 показа

Почему не работает autoplay в свайпере vue3

Вроде все импортировал, и по документации по сути ничего дополнительного прописывать не надо, но все равно не работает. <script setup> import { Swiper, SwiperSlide } from 'swiper/vue'; import '...
0 голосов
1 ответ
1k показов

Как использовать promise на vue.js?

Фрагмент моего кода, если не использовать промис, то не удается вытащить данные корректно Promise((resolve) => { fetch('/currentDir1',{ method: 'POST', ...
0 голосов
2 ответа
49 показов

Получение текста ошибки laravel + vue3

Всем привет , пишу авторизацию , есть валидация и если валидация не прошла у меня возвращается 422 статус и сообщение об ошибке try { $credentials = $request->validate([ '...
1 голос
2 ответа
802 показа

Vue.js. ссылки с href="#anchor" перезагружают страницу

Проект на vue-cli2, подключен vue-router Ссылки приходят в контенте от сервера, по запросу, например <a href="#block1"... при клике по ним, вместо прокрутки до нужного блока, происходит ...
0 голосов
0 ответов
16 показов

Как использовать глобальные компоненты из сторонней библиотеки в моей библиотеке vue 3

У меня есть библиотека на vue 3, которая собирается с помощью vite. В index.ts файле я экспортирую компоненты наружу: import HelloWorld from './components/HelloWorld.vue' import TheWelcome from './...
1 голос
2 ответа
60 показов

Вывести цикл с определеного числа

<template> <div> <p v-for="n in 21">{{ n }}</p> </div> </template> <script> export default { data() { return { n: 8, ...
0 голосов
1 ответ
19 показов

Почему сразу все чек-боксы отмечаются активными Vue.js?

Начал изучать Vue.js и столкнулся вот с такой проблемой. У меня есть компонент MyCheckbox, в котором просто кастомный чек бокс. Собственно ближе к делу, что у меня странно работает. Когда я нажимаю на ...
0 голосов
1 ответ
784 показа

Vue.js: динамическое CSS-свойство в псевдо-элементе ::before

Всем привет, уважаемые разработчики! Мне необходимо переписать данный пример: Pure CSS Puzzle Grid Gallery на Vue.js. Проблема возникла, когда я захотел динамически подставлять URL картинок в CSS. ...
-1 голос
0 ответов
27 показов

Не удается попасть в админ-интерфейс keycloak

Возникла проблема на одном из стендов, не могу найти причину, подскажите. При попытке войти в админ UI интерфейс (https://URL/keycloak/admin/master/console/) идет запрос на страницу UI, но вкладка ...
0 голосов
0 ответов
13 показов

Проблема с vue.config.js

Всех приветствую, есть такая проблема в vue.config.js, я подключаюсь к бэкенду через прокси и проблема в том , когда у меня 2 бэкенда то я могу использовать прокси только для одного сервера, потому ...
0 голосов
0 ответов
12 показов

Vuelidate - как мне применить правила валидации для каждого объекта отдельно?

Есть у меня форма с полями и $each применяет правила валидации для всех объектов fields, но я хочу указать разные поля первому, второму, третьему объектам, как мне это сделать? Пробовал разные ...
0 голосов
2 ответа
936 показов

Получить координаты скролла VueJs

как при прокрутке скролла вверх в блоке сообщений вызвать метод getMessages() <ul class="chat--messages__wrapper" v-if="messages.length > 0"> <li class="chat--messages__item" v-for=...
0 голосов
1 ответ
37 показов

Fancybox toolbar for html content type

люди добрые, помогите! Нужно добавить в toolbar стандартные кнопки "Zoom in", "Zoom out" и "Downlod" вот метод для карусели, но работает и все замечательно methods: { ...
0 голосов
0 ответов
15 показов

Vue.js Кнопка сохранить на админ панели

Как сделать кнопку, которая будет сохранять измененные данные в тексте и заголовке на админ панели и переносить их на сайт. Vue.js
-1 голос
0 ответов
28 показов

Какая есть разница в работе docker-контейнеров и локального сервера OpenServer

Суть проблемы (я дилетант если что): делаю приложение (по урокам в свободном доступе) на Vue, Laravel, Sanctum. Когда запускаю его на OpenServer, то всё прекрасно работает. И авторизация и регистрация,...
0 голосов
1 ответ
27 показов

Можно ли сделать связку WordPress и фронт на Vue?

День добрый Хочу соединить WordPress и Vue, и в теории вроде это возможно, но информации найти не могу Может кто уже делал, дайте инструкцию)
0 голосов
1 ответ
24 показа

Как передать из родительского в дочерний компонент метод в Composition Api?

Подскажите, пожалуйста, как передать метод в дочерний компонент? Например: //parent <Component :number="number" @change="change"/> const number = ref(0); const change = (...
1 голос
1 ответ
1k показов

Vue JS передать значение элемента массива в атрибут src="" тега <img/>

Изучаю Vue. Пытаюсь сделать анимацию поочередного вывода на экран нескольких фото. Что-то не получается. Итак. Вот логика. Картинки в папке images. Компонент vue в папке components. В этом компоненте ...
0 голосов
1 ответ
53 показа

Сделать так, чтобы роутер не выдавал 404 страницу Github Pages

Моё приложение, написанное на vue находится на Github Pages. У меня есть роутер import {createRouter, createWebHistory} from "vue-router"; import Index from "../components/screens/Index....
1 голос
2 ответа
24 показа

Не удается грамотно провалидировать компонент инпута vue2, расхождение value у input и родителя

Имеется проблема следующего характера, есть компонент инпута в который через :value передается начальное значение (приходит с бэка), а через @input присваивается новое значение, стоит цель запретить ...
0 голосов
1 ответ
30 показов

Как из даты вычислить месяц Vue

<template> <div class="app"> <div> Дата: <input type="text" v-model="date"><br><br> -{{ date }} </div&...
0 голосов
1 ответ
198 показов

ASP.NET Core + Vue.JS. Загрузка файлов на сервер

Всем привет. Столкнулся с проблемой. При попытке загрузить файл на сервер выдает исключение. Метод в контроллере: [HttpPost("[action]")] public IActionResult UploadImages() { try ...
0 голосов
2 ответа
1k показов

Как перенаправиться на ту страницу в которой находишься router.push Vue?

Есть у меня функциональность, которая просто сбрасывает проект в начальное состояние и мне нужно перенаправиться на ту же самую страницу, в которой находишься this.$router.push({name: this.$router....
0 голосов
0 ответов
24 показа

Nuxt2: Как лучше реализовать два разных счетчика Яндекс Метрики для разынх локалей?

Сейчас используется пакет @nuxtjs/yandex-metrika. В nuxt.config.js прописан конфиг: '@nuxtjs/yandex-metrika', { id: XXXXXX, clickmap: true, trackLinks: true, accurateTrackBounce: ...
0 голосов
1 ответ
45 показов

Как обеспечить корректную работу валидации при перезагрузке страницы и наладить связь между props и localStorage?

В данном примере, в функции getValidatePanels, я получаю с сервера валидацию для конкретных полей и вывожу её в шаблон. В шаблоне, при первой загрузке страницы, рендерится сначала propList: props....
0 голосов
0 ответов
18 показов

Поменять иконку(mdi) при клике Vue3

У меня есть таблица и в ней иконки вот одна из них: <template v-slot:item.actionRun="{ item }"> <v-icon @click="() => {showAlertAndToggleAction(item)}"> ...
0 голосов
1 ответ
966 показов

Помогите разобраться с ESLint?

Eslint указывает на ошибку, хочет чтоб я использовал двойные кавычки, мне нужны одинарные. Установил настройку, но при этом он все равно плачет на кавычки. Даже после сохранения. Мой файл .eslintrc.js ...
0 голосов
1 ответ
302 показа

как в vue-multiselect получать список при его получении от сервера

multiselect в компоненте. Мультиселект использую асинхронный выбор При вводе текста в поисковое поле метод asyncFind вызывает метод getTags который в свою очередь отправляет через vuex -> axios ...
0 голосов
1 ответ
1k показов

Header на каждой странице при помощи vue.js

Только начал изучать vue.js и решил при помощи него сделать хедер на сайте так, чтобы он размещался в одном файле Header.vue, а на каждую страницу просто добавить скрипт и всё. Header.vue выглядит так:...
0 голосов
0 ответов
17 показов

Как отобразить script Bitrix в компонент Vue?

Подскажите как отобразить скрипт в компоненте vue? <template> <section class="form mb-page"> <div class="container"> <div class="wrapper-page mb-8"> ...
0 голосов
2 ответа
1k показов

Публикация SPA VUE.js на хостинг

Создал небольшое приложение(сайт) на vue.js. Теперь необходимо готовое приложение разместить на хостинге. Как єто сделать? если запускаю npm run build, в папке dist создается build.js и все. package....
0 голосов
2 ответа
2k показов

Ошибка 405 Method not Allowed во время axios post Laravel

Вот решил выучить Vue.js и Laravel. Но застрял на ошибке 405 Method not Allowed. Пытаюсь через axios.post(...) отправить картинку, но в ответ та самая ошибка. Смотрел решения этой проблемы, почти ...
1 голос
1 ответ
58k показов

Как получить информацию по чеку из qr-кода?

Есть такая строчка: t=20171206T120600&s=522.00&fn=8710000100756670&i=53519&fp=120068872&n=1 Как мне в скрипте получить из нее данные? Мне нужно из нее получить информацию о ...
0 голосов
1 ответ
55 показов

[Vue warn]: Write operation failed: computed property is readonly

Есть переменная объект employees, которая передается из state vuex. computed: { ...mapState ({ employee: state => state.day.employees, }), }, При попытке изменить этот объект this....