Вопросы с меткой [vue3]

Используйте эту метку для вопросов, связанных с фреймворком Vue 3 для создания веб-приложений на уровне клиента

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

VueDatePicker Как менять значение placeholder при выборе даты?

Помогите, пожалуйста, взял первую попавшуюся библиотеку datapicker под Vue3 Написал вот такой код для данного компонента. <template> <VueDatePicker class="...
BlackStar1991's user avatar
0 голосов
0 ответов
31 показ

Как создать маршрут между точками используя плагин vue-yandex-maps во vue 3?

Пытаюсь создать маршрут таким образом: У меня имеется массив точек на карте, допустим: [['55.7961', '37.7048'], ['55.8337', '37.7644'], ['55.8337', '37.7634']] Мне нужно построить маршрут между ними. ...
uiHellen's user avatar
0 голосов
0 ответов
19 показов

Не подключаются tailwind elements к проекту Laravel vue3 inertia

Не подключаются tw-elements к проекту на Laravel vue3 inertia. Все подключал и инициализировал по документации, сам tailwind (т.е стили) работает корректно и стили доступны в страницах vue3, но при ...
Дмитрий Хрипун's user avatar
0 голосов
0 ответов
12 показов

Как обработать input во vue

Я только новичок во vue и я хотел бы узнать, как можно обработать input на наличие цифр в нем через composition API. То есть, если пользователь вписывает цифры в поле оно выделяется красным, если ...
palka tt's user avatar
0 голосов
1 ответ
55 показов

Vue простой калькулятор

у меня есть две edit там вводятся цифры и один select там есть плюс, минус, умножение и деление вопрос заключается в том как мне сделать чтобы при выборе +, -, *, / сумма была верной например в ...
korvon's user avatar
  • 25
-1 голос
0 ответов
18 показов

Замена изображение выбранным изображением

<div class="photo-box cursor-pointer"> <div class="mt-12 text-center"> <div v-if="!selectedImage"> <Photo class="inline" @click="openFileInput" /> <...
Заур Асадов's user avatar
0 голосов
0 ответов
20 показов

Задать одному элементу одну ширину, другому другую

<template> <div> <table class="inspection-data-grid"> <thead v-if="!readOnly"> <th class="w-1/5"> {{ $t("dictionary.normatives") }} &...
Заур Асадов's user avatar
0 голосов
1 ответ
24 показа

Отслеживание хуков watcher-ом

Какие хуки отслеживает watcher во Vue? Я имею ввиду Триггер watcher'ов внутри хуков жизненного цикла на https://habr.com/ru/companies/constanta/articles/435700/. Пытался искать в документации - не ...
vlad dv's user avatar
  • 29
0 голосов
0 ответов
13 показов

Ошибка в запросе axios.get при изменении route vue 3

Доброго времени суток товарищи, это мой первый вопрос, буду краток. Вот в этом проекте у меня ошибка https://github.com/JohnnySench/my-morty-main Суть в том, что при заходе в карточку персонажа, ...
Eugene's user avatar
  • 1
0 голосов
0 ответов
13 показов

Почему выходной файл js Vite добавляет в имя цифру 2?

Получаю Build в свою указанную папку Front, но в имя JS-файла всегда добавляется 2: формируются site.css и site2.js, хотя в конфиге конкретно - хочу именно site.js import { defineConfig } from 'vite'; ...
Михаил's user avatar
0 голосов
0 ответов
12 показов

Инициализация firebase в main.js vue. Error 'app' is assigned a value but never used no-unused-vars

Пытаюсь инициализировать firebase для регистрации/авторизации. Ошибка Error 'app' is assigned a value but never used no-unused-vars Помогите разобраться в чем проблема import { createApp } from '...
Defolz's user avatar
  • 3
0 голосов
0 ответов
43 показа

Почему не работает стандартная передача id элемента?

Почему в vue3 нельзя передать свой id как это обычно делается в js? <script> export default { name: 'App', data() { } }, methods:{ show: function(...
Ivan Chuzhmakov's user avatar
0 голосов
1 ответ
36 показов

Ошибка eslint и prettier

Создал vue проект с файлом App.vue /* eslint-disable */ <template> <div> </div> </template> <script> </script> <style> </style> В ...
Vlad Dvin's user avatar
0 голосов
1 ответ
26 показов

Ошибка при создании vue проекта

Установил vue Но при создании проекта выдает ошибку Подскажите как ее устранить.
Vlad Dvin's user avatar
0 голосов
1 ответ
22 показа

Vue - есть возможность использовать пробел в этом месте {{ item.start date }}?

Есть такой тестовый массив доступный через API // 20231015201254 // http://localhost:3000/api/users [ { "name": "Tiger Nixon", "position": "System ...
user avatar
0 голосов
0 ответов
52 показа

Получение данных из изменяющегося массива

Есть такой код: function findIndexOfMinLow(array, startIndex, posLow) { let minLow = Infinity; let minLowIndex = -1; let arrayLength; if(array.length < candlesChartQuantity.value){ ...
Mikhail Krivosheev's user avatar
0 голосов
1 ответ
49 показов

Доступ сторонних скриптов (telegram) к методам vue 3

внедрил кнопку аутентификации telegram в нужно место шаблона vue 3, но не могу получить доступ к методу vue - > onTelegramAuth(user): //Загрузка кнопки Телеграма в нужное место const ...
Павел Рамков's user avatar
0 голосов
1 ответ
45 показов

Почему при скрытии элементов на нижнем уровне скрывается верхний?

SidebarComponent.vue <script setup> import SidebarNavigationComponent from "./Navigation/SidebarNavigationComponent.vue"; </script> <template> <div class='sidebar'&...
Максим Н Епихин's user avatar
0 голосов
0 ответов
14 показов

Проблемы с поиском погоды по геолокации в приложении погоды

Делал приложение погоды на фреймворке quasar по англоязычному гайду https://www.youtube.com/watch?v=kWRpEcv2nu8&t=1s Но столкнулся с проблемой, когда поднимаю приложение на Windows, не работает ...
Wayne's user avatar
  • 1
0 голосов
0 ответов
19 показов

добрый день. начинаю изучать VUE3, не могу решить проблему с отображением компонентов

есть компоненты TheHeader, HomePage. внутри HomePage находятся TasksPage, PackagesPage и некоторые другие. в хедере есть раскрывающееся меню, и пир нажатии на пункт меню должны скрываться/отображаться ...
Dmitriy's user avatar
0 голосов
0 ответов
28 показов

Публикация проекта на Vue 3.0 на VSL-сервере (TimeWeb)

У меня есть проект на Vue 3.0, который я создавал через Vue CLI Запустил сборку проекта с помощью npm run build и загрузил содержимое папки dist в файловый менеджер на хостинге При переходе на сайт, ...
Leonid Ten's user avatar
0 голосов
1 ответ
21 показ

Vue3 + Splide не работает AutoScroll

Делаю карусель с автоскроллом, приглянулся Splide с модулем AutoScroll под задачу, но модуль упорно не хочет работать. <Splide :options="{ type: 'loop', ...
Pogrom's user avatar
  • 39
0 голосов
1 ответ
40 показов

Странно отрабатывает axios

Не пойму, в чем проблема. Использую Pinia (state менеджер для vue), написал там запрос на бэк на axios. В then пишу, что бы ответ от сервера помещался в переменную. Пытаюсь потом эту переменную ...
pir0zh0k's user avatar
0 голосов
0 ответов
21 показ

Почему я вижу layout во время useFetch? nuxt 3

Есть страница /catalog/category/[code1c].vue Есть функция const {data: currentCategory, pending, error, refresh} = await useAsyncData( 'currentCategory', () => $fetch(`https://...
Bambo4a's user avatar
0 голосов
1 ответ
31 показ

Что использовать во vue, модели или переменные

До сих пор писал модели во vue: data(){ return { some: "something" }} Но в последнее время и на официальном сайте и на vue school вижу что их прописывают через простые переменные, let, ...
Deni's user avatar
  • 1
0 голосов
1 ответ
56 показов

Почему не работает emit?

Недавно начал изучать Vue и столкнулся с очень странной и непонятной для меня проблемой. Я не спорю, что с точки зрения архитектурного подхода данный код может быть неправильный, но всё же я хочу ...
Akira's user avatar
  • 3
0 голосов
0 ответов
17 показов

Как обновить router-view при переходе страницы в Vue3?

начал изучать Vue3. Столкнулся с проблемой пагинации. При нажатий на кнопки страниц, ни чего не происходит. Хотелось бы чтоб при нажатий выбора страницы и потом при выборе пункта меню (которое будет ...
Александр Игошин's user avatar
0 голосов
1 ответ
38 показов

Как заставить input выводить значение только из параметра value?

У меня есть обычный контролируемый vue компонент, в котором нужно сделать ввод только для чисел. Если же в нем пусто - то должен возвращаться null: <!-- PriceInput.vue --> <template> <...
MrShnaider's user avatar
0 голосов
0 ответов
17 показов

Добавить дополнительную надпись в всплывающее окно chart.js

Есть график от chartjs Можно ли к узлу (в данном примере к бару) прикрепить ещё дополнительную запись какую-то? Пытаюсь и не могу найти способ прикрепить к data[] ещё дополнительную запись. Например, ...
Vladislav's user avatar
0 голосов
1 ответ
40 показов

Как включить темную тему в Vuetify

коллеги. Использую в своем приложении на Vue3 готовую библиотеку Vuetify, смотрел в документации, как включить темную тему, повторил, не получается. Может вы подскажете? Код vuetify.js: import '@mdi/...
pir0zh0k's user avatar
0 голосов
0 ответов
73 показа

Почему теряется реактивность при деструкции vue 3

У меня есть стор pinia, со следующей структурой: worksheets: [ foo: {worksheetData: {someProp: 'value1', anotherProp: 'value2'}}, bar: {worksheetData: {someProp: 'value21', anotherProp: 'value22'}}, ]...
venanen's user avatar
  • 123
0 голосов
0 ответов
126 показов

Vue глобальная переменная

Я объявил глобальную переменную во Vue следующим образом: const windowWidth = ref(window.innerWidth) const windowHeight = ref(window.innerHeight) app.config.globalProperties.$windowWidth = windowWidth ...
user562989's user avatar
-1 голос
1 ответ
29 показов

Как получить результат POST-запроса AXIOS

дорогие друзья. Столкнулся с проблемой. Пишу пет-проект, на пару с бэкенд-программистом. Делаем регистрацию и необходимо после отправки данных аккаунта и записи их в бд, получать ID, для отправки ...
pir0zh0k's user avatar
0 голосов
0 ответов
88 показов

Обработка ошибок AXIOS post Vue3+Laravel

Отправляется post запрос в laravel если искомая техника не найдена выдаётся ошибка 500 и возвращается текст ошибки. Но во vue почему то ошибка не срабатывает и заходит в then. Запрос: async ...
Vadim's user avatar
  • 11
0 голосов
0 ответов
17 показов

Vue router not allowing to load files

Допустим есть файл по ссылке http://localhost:8080/assets/img/nav-home.png Есть код на Vue 3 <li v-for="(route, index) in $router.options.routes" :key="index"> <router-...
Khisrav's user avatar
  • 25
0 голосов
0 ответов
134 показа

Vue как виджет на сторонний сайт

Задача: Создать виджет на vue, который можно подключать на сторонниках сайтах. Пример: <my-widget /> <script src='random url to widget'></script> Что получилось сделать: Билд ...
Alex's user avatar
  • 241
0 голосов
0 ответов
21 показ

Vue. Как передать данные из одного компонента в другой?

Есть компонент отображающий список товаров (получаю с сервера по API) и есть компонент который должен отображать один товар. Как по клику на ссылку передать данные в компонент отображающий один товар ...
Серик Оспанов's user avatar
-2 голоса
2 ответа
63 показа

Рекурсивное меню на vue 3 в виде "дерева"

Построение меню по v-for для случая много-уровневых данных
Михаил's user avatar
1 голос
0 ответов
25 показов

почему webstorm и typescript ругаются на получаение геттера написаного под pinia

У меня есть хранилище на pinia которое выглядит так export const useLanguage = defineStore<string, { current: string }>({ id: 'language', state: () => ({ current: 'en', }), ...
рагнарос повелитель огня's user avatar
2 голоса
1 ответ
70 показов

Проблема с перезаписью файла при загрузке со страницы браузера (Vue 3, ASP .Net 6)

Столкнулась со следующей проблемой. У меня есть написанное WebAPI приложение на .Net 6, к которому с запросами обращается фронт, написанный на Vue 3. В разных местах приложения необходимо загружать ...
Aliaksandra Manulik's user avatar
0 голосов
0 ответов
27 показов

Vue CSS переиспользуемые классы

Как во Vue сделать переиспользуемый класс? Например,я хочу чтобы класс .button был глобальным для всех компонентов, а .test-button только для этого компонента. Как это можно сделать? <template> ...
user559448's user avatar
0 голосов
0 ответов
53 показа

VUE3 не обновляет дочерний компонент и не обновляет пропсы

Есть такой компонент <script setup lang="ts"> import { ref } from 'vue'; import List from './List.vue'; import { User } from './types' const items = ref([]); fetch('https://dummyjson....
alex hard's user avatar
0 голосов
0 ответов
24 показа

Активное сокет соединение SignalR на страницах VUE SPA

У меня есть spa приложение на vue3 с использованием vue-router. Настроен signalR сокет в отдельном файле websocket.js. Изначально я попадаю на /login, где после авторизации получаю token, который ...
calllpso's user avatar
0 голосов
0 ответов
96 показов

Реализация Tabs в Vue3?

Сюда выложить воспроизводимый код не получается, он здесь codesandbox.io/p/sandbox/implementation-of-tabs Почему не работает такой простой код?: <template> <Tabs> <Tab title="...
Alexander Lonberg's user avatar
0 голосов
0 ответов
21 показ

Тест на компонент vue с ассинхронной операцией внутри script setup()

Есть некоторый компонент, где я использую ассинхронную функцию внутри script setup: <template> test </template> <script setup lang="ts"> await request(); </script>...
Dmitriy's user avatar
0 голосов
1 ответ
89 показов

Полностью свой Select на Vue 3 (composition api)

Надоело мучиться с переназначением стилей и свойств стандартного Select. На Vue 3 проще сделать СВОЙ и придать ЛЮБОЙ вид этому часто используемому элементу.
Михаил's user avatar
0 голосов
1 ответ
71 показ

Эмуляция <INPUT PLACEHOLDER> для <DIV CONTENTEDITABLE> на любой технологии HTML/CSS/JS? [РЕШЕНО]

Пытаюсь сэмулировать заполнитель <input placeholder="..."> для <div contenteditable>. Первое что приходит в голову: добавить ::before и после фокуса на редактируемом элементе <...
Alexander Lonberg's user avatar
0 голосов
0 ответов
23 показа

Очистить State на nuxt3

в ./conposables/state.ts добавленна такая функция export const datepicker = () => useState("datepicker",()=> (new Date()).toISOString().split('T')[0]); Как эту штуку очищать? ...
eri's user avatar
  • 33.7k
0 голосов
0 ответов
36 показов

Редактирование информации на этапе жизненного цикла onMounted компонета в Vue 3 Composition API

Изучаю VUE 3. На этапе монтирования, после получения данных с сервера решил изменить данные: <script setup> ... const Task = ref([]) ... onMounted(() => { idTask.value = props.id ...
Валерий Климов's user avatar
0 голосов
1 ответ
15 показов

Не могу открыть папку с vue проектом на macOS

создал проект vue, он запускается всё отлично. При переходе в Finder я жму на папку и он пишет что "Вы не можете открыть программу «mneclo», так как она повреждена или не содержит необходимых ...
Floyzen's user avatar