Вопросы с меткой [vue.js]
Vue.js - это прогрессивный Javascript-фреймворк с открытым исходным кодом для построения пользовательских интерфейсов, которые стремятся быть постепенно адаптируемыми. Vue.js в основном используется для front-end разработки и требует промежуточного уровня HTML и CSS.
3,490
вопросов
0
голосов
1
ответ
16
показов
Vue, добавление компонента по клику
Как сделать так, что-бы по клику на NewComponent в шаблон добавился компонент Component, перед NewComponent ?
//До вызова функции NewComponent
<template id="app">
<Component/>
...
0
голосов
0
ответов
6
показов
Vue js :src="url" c асинхронно полученным url
передо мной стоит задача, асинхронно получить url картинки и динамически задать его в img, соответсвенно я написал асинхронный метод, который должен возвращать url, который надо связать v-bind'ом с ...
0
голосов
0
ответов
11
показов
Как компилировать собрать компонент vue под использование cdn?
интересует вот этот компонент
https://github.com/charliekassel/vuejs-datepicker/
я нашел он есть тут
https://www.npmjs.com/package/vuejs-datepicker
меня интересует как самому собирать такие компоненты,...
-1
голос
1
ответ
19
показов
Как исправить регулярное выражение оборачивания тегом?
не могу разобраться как сделать чтобы регулярное выражение искало оборачивало в тег только слова которые находятся вне атрибутов тега img и вообще любого тега
это текущий код
html = html.replace(new ...
0
голосов
0
ответов
7
показов
Как получить заголовки с сервера NUXT 2
Есть NUXT2, express, helmet, ssr
С помощью модуля nuxt-custom-headers устанавил заголовки для заданной страницы
делаю asyncData но при переборе всех заголовков [...a.headers.entries()] не вижу нужные
...
0
голосов
2
ответа
16
показов
Как обратиться к методу VUE из mounted
Проблема:
В компоненте login.vue Есть слушатель шины tiny-emitter, который должен срабатывать на событие проваленной идентификации и запускать функцию с выводом текста в консоль (пока что только это, ...
0
голосов
0
ответов
4
показа
При загрузке страницы (Vue cli), не отображаются дефолтные значения v-model (полученые асинхронно)
Пытаюсь сделать price-range, при отображении стр. получаю данные минимальной и максимальной цены, присваиваю эти значения ref и использую для связывания v-model. Когда стр загрузилась, все значения = ...
0
голосов
1
ответ
23
показа
Как получить разницу дат?
У меня есть две переменные в которых находятся дата время часовой пояс и тд, разница в них 30 секунд, как отнять их друг от друга , чтобы в итоге вывелось 00:30 ?
const app = new Vue({
el: '#...
0
голосов
0
ответов
9
показов
Как во <slot> использовать метод layout'a?
Вот структура моего проекта на VUE
-- src/layouts
-- unauthorized
-- Unauthorized.vue
-- src/components
-- unauthorized
-- Preview.vue
-- src/views
-- unauthorized
-- IndexView.vue
...
0
голосов
0
ответов
9
показов
Webp не работает во vue.js
При попытке подключить изображения с помощью тега picture, сервер загружает и webp, и png. Как можно сделать так, чтобы загружался только webp формат (если браузер поддерживает webp)
<picture&...
0
голосов
0
ответов
9
показов
Блок mounted из темплейта vue выполняется даже когда темплейт по v-if не используется
Такая проблема:
Создал темплейт login с формой для логина/пароля, функцией для авторизации и функцией на js в разделе mounted, которая изображает красивую анимацию.
По логике, в момент успешной ...
1
голос
2
ответа
63
показа
Почему в консоли выдает "Failed to resolve component: swiper-slide"
Хочу подключить swiperjs по официальной инструкции - swiperjs.com
Вот код моего IndexView.vue
<template>
<swiper-container
:slides-per-view="2"
:space-between=&...
0
голосов
0
ответов
8
показов
Не могу проверить route
Проблема следующая: пишу все на composition API. На страницах Login, Register, Reset необходимо НЕ показывать навигацию и футер, на остальных страницах показывать. В компонененте App.vue делаю ...
0
голосов
0
ответов
6
показов
Vue 3 Биндинг checkbox на state vuex
Логика в приложении такая: есть TOGGLE чекбокс, который должен в state vuex изменять значение null на true, true на false, false на true и так далее. В зависимости от этого значения будут ...
0
голосов
1
ответ
14
показов
Неправильно работает Swiper slidesPerView="auto" в Vue
Бьюсь уже несколько часов, но ничего не выходит. Мой слайдер неправильно рассчитывает ширину слайда. Искал решение и везде все решается установкой slidePerView="auto" и присвоение swiper-...
0
голосов
1
ответ
15
показов
Можно ли как-то преобразовать из строки в цифру
У меня geojson файл, где есть поля с числами(идет как string), например "500", можно ли как-то сделать чтобы он стал типом number и выводился 500.00
Пробовал toFixed(2), но понимаю, что ...
0
голосов
1
ответ
14
показов
ошибка при запуске vuejs с помощью команды npm run serve
при попытке повторно запустить vue, выдает ошибку, связанную со scripts, ниже покажу решение, которое помогло мне решить данную проблему
0
голосов
1
ответ
17
показов
Ошибка CORS policy при попытке настройки веб-сокета (socket.io) между node и Vue
Поднял сервер node с socket.io и хочу подключить к нему фронт на Vue.
Оба на одном сервере, node на порту 3000, vue на порту 8080
Когда запускаю, получаю в консоли ошибку
Access to XMLHttpRequest at '...
0
голосов
0
ответов
17
показов
Текст vue 3 ts не отображается
Я создаю клон веб-приложения Trello.
У меня проблема с тем, что текст не отображается.
EventCard code:<template>
<div class="bg-white rounded-md shadow-md">
<div ...
0
голосов
0
ответов
5
показов
vue.js Плюсы и минусы использования <slot> внутри <router-view />
Всем привет!
В рабочем проекте хочу задействовать конструкцию вида:
<router-view>
<slot slot="title"
name="title" />
<slot slot="description&...
0
голосов
0
ответов
29
показов
router-link перезагружает страницу
Никак не могу понять, почему не получается реализовать SPA при использовании laravel9 и vue3
По логике, станица не должна перезагружаться, а при это должны отображаться другие компоненты vue
app.js
...
0
голосов
0
ответов
8
показов
Как вывести список с разделителями во vue.js с библиотекой vuetify?
Вывожу список объектов:
<v-card v-for="user in users.value" ...></v-card>
Все круто, но хочу "прослоить" вывод разделителями <v-divider/> или <hr/> или ...
1
голос
0
ответов
32
показа
Появляется полупрозрачная граница в один пиксель между фотками
Я столкнулась с такой проблемой. На сайте подгружены две фотографии которые стоят друг за другом. Пользователи начали жаловаться, что на macOS в safary появляется черная полоса между фотографиями. На ...
0
голосов
0
ответов
6
показов
при использовании app.mount('#app') падает проект с ошибкой в консоли TypeError: Cannot read properties of undefined (reading 'role')
Делаю API и Vue 3, есть функция авторизации в которой в localStorage сохраняю токен и роль пользователя, в моем index.html стоит проверка
<a href="#" **v-if="localStorage.role == '...
0
голосов
0
ответов
14
показов
Как связать два компонента
Есть 2 компонента: create-note, first-note.
Все они находятся в одном шаблоне:
<div class="notes">
<create-note></create-note>
<div class="note-list"&...
0
голосов
0
ответов
9
показов
Реализация RadioButtonGroup на Vue 3
Пробую сделать релизацию группы компонентов по подобию фреймворков
<BaseRadioGroup v-model="input_value" name="gender">
<BaseRadioItem label="Мужской&...
0
голосов
0
ответов
19
показов
Vue Best practice по убиранию дублирования кода в методах отправки запросов
У меня есть приложение на Vue (composition API) с использованием библиотеки компонентов Quasar. Бывает, такое, что какой-то компонент может отправлять до 3-5 запросов на сервер для выполнения каких-...
0
голосов
1
ответ
23
показа
Как изменить цвет диапазоне?
Нашел в интернете nouislider и как понял за закраску диапазона отвечает .noUi-connect , присваиваю ему background и ничего не закрашивается , в чем проблема ?
const app = new Vue({
el: '#app',
...
0
голосов
1
ответ
21
показ
Проблема прогоревшего или удаленного куки с сессией авторизации laravel vue
Реализовал авторизацию на laravel:breeze, авторизованного пользователя закинул в pinia на фронте, pinia синхронизировал с localStorage.
Все работает, но если зайти через время, когда сессия в куках ...
0
голосов
0
ответов
16
показов
Uncaught (in promise) ReferenceError: state is not defined
Появляется такая ошибка:overflow.com/image.jpg)
Использую vuex, методом проб понял, что приложение ломается из-за состояния isPostsLoading: false в компоненте postModule.js . Это состояние мы ...
0
голосов
0
ответов
9
показов
Выбор модели маршрутизации и хранение данных маршрута
Пытаюсь делать что-то вроде комплексной системы автоматизации деятельности. В программе предполагается много модулей. Планирую организовать по принципу окон windows. При необходимости можно открыть ...
0
голосов
0
ответов
19
показов
Не выводятся элементы массива в диапазоне цен
Сделал два ползунка , чтобы при помощи них выводить только те элементы массива где цена будет в диапазоне minPrice и maxPrice, сделал фильтр , но при изменении ползунков ничего не происходит , чем ...
0
голосов
0
ответов
13
показов
Сортировка списка. Vue
Не понимаю как по кнопке отсортировать по рейтингу <p>Rating: {{ review.rating }}</p> от меньшего к большему.
<div>
<ul>
<span class="tab"
...
0
голосов
1
ответ
16
показов
как сделать чтобы после анимации трансформ, элемент возвращался моментально на свое место без анимации
Как после анимации трансформ, элемент возвращался моментально на свое место без анимации, и анимацию можно было бы повторно запустить кликом с событием. Возможно это как-то по особенному делается во ...
0
голосов
0
ответов
14
показов
Редактирование отзывов
Не могу разобраться с редактированием отзывов. Мне надо, чтобы после того как я добавил "отзыв", была возможность его отредактировать. Режим редактирования включается после нажатия кнопки ...
0
голосов
1
ответ
34
показа
Проблема с переносом проекта laravel+vueJS на хостинг
Прошу помощи, перепробовал всё, что нашёл в интернете, но видимо где-то допускаю ошибку. Первый раз заливаю на хостинг VueJS'ный сайт.
Laravel 9 + VueJS (используется vite). На домашнем пк всё отлично,...
0
голосов
0
ответов
16
показов
Дата выбираемая через календарь и вводимая вручную обрабатываются по разному
Всем привет.
Столкнулся с проблемой при работе с датами.
Использую Vue с Quasar.
Добавляю Импут и q-date, для отображения календарика ввода даты.
И у меня возникает пролема.
При вводе даты через ...
0
голосов
1
ответ
14
показов
Работа с пакетным менеджером YARN
Всех приветствую. Дали посмотреть/пощупать проект, написан на vue и в качестве пакетного менеджера используется YARN. При работе с пакетным менеджером NPM при команде в терминале NPM RUN SERVE ...
0
голосов
0
ответов
22
показа
Проверка обязательных полей
Всем привет. Подскажите как сдлеать валидацию на пустые строки (ввод обязательных полей) так, чтобы при запуске страницы это пустое поле не ругалось, на то, что оно пустое.
Т.е. чтобы стили связанные ...
0
голосов
1
ответ
20
показов
Не обновляются данные при сохранении vue docker
Изменяю произвольный файл .вью, сохраняю, перезагружаю страницу на локалке и изменения не вступают в силу.
Dockerfile
FROM node:lts-alpine3.17 as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm ...
0
голосов
0
ответов
13
показов
Поиск по многоуровнему меню на vue.js
Есть вот такое наполнение для бокового меню которое имеет вложенные списки
export const fakeMenu = [
{
id: 1,
name: 'Админ',
children: [
{
id: 11,
name: 'Пол',
...
0
голосов
1
ответ
18
показов
Vue.js Вызов метода из App.vu, расположенного на текущей открытой странице
Как вызвать метод из App.vu, находящийся на текущей открытой странице. Открытие страниц осуществляется с помощью vue-router?
Я попытался использовать реф-ссылку, добавив ее в код страницы:
Моя ...
0
голосов
0
ответов
14
показов
Как установить npm пакет в web?
У меня есть сайт, работает на php +VUE
там VUE просто подключен через <script src="vue.js"> (нету nodejs)
Я хочу воспользоваться этим плагином для VUE vue-phone-mask-input но не ...
0
голосов
0
ответов
12
показов
Is Array of Objects reactive in VueJs 2.7?
Why is it reactive, I haven't find any info about it in documentation
updateFieldSelectedArray(state, { index, key, value }) {
state.selectedArray[index][key] = value;
},
selectedArray is ...
0
голосов
0
ответов
10
показов
Валидация в Quasar
Всем привет.
Кто работал с quasar?
Не подскажите как вынести текст ошибки валидации для inputa и select куда-то в сторонку. Например поставить напротив окна ввода в одной полосе
ИЛи просто ниже окна ...
0
голосов
0
ответов
11
показов
Маска\Фильтр для поля даты
Всем привет.
Вопрос прост.
Помогите разобраться почему не работает маска для поля ввода даты.
Пробовал 2 способами.
Отслеживал нажатия на кнопки, брал кейкоды кнопок и через условия пропускал только ...
0
голосов
1
ответ
23
показа
q-select из quasar
Всем привет.
Вопрос по работае с q-select
Как передать в селект значение по умолчанию, если опциями селекта является массив объектов?
Можно сделать так:
<q-select
:disable="!year"
...
0
голосов
0
ответов
15
показов
преобразование в json вложенных ячеек Sheet.js
Есть задача переобразовать xlsx файл в JSON, в файле имеются объединенные ячейки, в примере, это главная задача. При преобразовании, я просто разбиваю эту ячейку на каждую вложенную подзадачу.
пример ...
0
голосов
0
ответов
13
показов
Nuxt/Vue.js перевод страниц с помощью Google Translate
подскажите пожалуйста, как можно реализовать перевод с помощью Google Translate Nuxt/Vue.js приложения, нашел только это https://www.npmjs.com/package/vue-google-translate, но как я понял под Nuxt оно ...
1
голос
2
ответа
31
показ
Не перехватываются ошибки window.onerror в Vue
В index.html добавил перехватчик ошибок window.onerror который должен отправлять запрос на бэк с ошибкой для логирования.
Если в консоли прописать ошибку н-р setTimeout(function() { notThere(); }, 0); ...