Вопросы с меткой [vue3]
Используйте эту метку для вопросов, связанных с фреймворком Vue 3 для создания веб-приложений на уровне клиента
201
вопрос
0
голосов
1
ответ
31
показ
VueDatePicker Как менять значение placeholder при выборе даты?
Помогите, пожалуйста, взял первую попавшуюся библиотеку datapicker под Vue3
Написал вот такой код для данного компонента.
<template>
<VueDatePicker
class="...
0
голосов
0
ответов
31
показ
Как создать маршрут между точками используя плагин vue-yandex-maps во vue 3?
Пытаюсь создать маршрут таким образом:
У меня имеется массив точек на карте, допустим: [['55.7961', '37.7048'], ['55.8337', '37.7644'], ['55.8337', '37.7634']]
Мне нужно построить маршрут между ними.
...
0
голосов
0
ответов
19
показов
Не подключаются tailwind elements к проекту Laravel vue3 inertia
Не подключаются tw-elements к проекту на Laravel vue3 inertia. Все подключал и инициализировал по документации, сам tailwind (т.е стили) работает корректно и стили доступны в страницах vue3, но при ...
0
голосов
0
ответов
12
показов
Как обработать input во vue
Я только новичок во vue и я хотел бы узнать, как можно обработать input на наличие цифр в нем через composition API.
То есть, если пользователь вписывает цифры в поле оно выделяется красным, если ...
0
голосов
1
ответ
55
показов
Vue простой калькулятор
у меня есть две edit там вводятся цифры
и один select там есть плюс, минус, умножение и деление
вопрос заключается в том как мне сделать чтобы при выборе +, -, *, / сумма была верной
например в ...
-1
голос
0
ответов
18
показов
Замена изображение выбранным изображением
<div class="photo-box cursor-pointer">
<div class="mt-12 text-center">
<div v-if="!selectedImage">
<Photo class="inline" @click="openFileInput" />
<...
0
голосов
0
ответов
20
показов
Задать одному элементу одну ширину, другому другую
<template>
<div>
<table class="inspection-data-grid">
<thead v-if="!readOnly">
<th class="w-1/5">
{{ $t("dictionary.normatives") }}
&...
0
голосов
1
ответ
24
показа
Отслеживание хуков watcher-ом
Какие хуки отслеживает watcher во Vue? Я имею ввиду Триггер watcher'ов внутри хуков жизненного цикла на https://habr.com/ru/companies/constanta/articles/435700/. Пытался искать в документации - не ...
0
голосов
0
ответов
13
показов
Ошибка в запросе axios.get при изменении route vue 3
Доброго времени суток товарищи, это мой первый вопрос, буду краток.
Вот в этом проекте у меня ошибка https://github.com/JohnnySench/my-morty-main
Суть в том, что при заходе в карточку персонажа, ...
0
голосов
0
ответов
13
показов
Почему выходной файл js Vite добавляет в имя цифру 2?
Получаю Build в свою указанную папку Front, но в имя JS-файла всегда добавляется 2:
формируются site.css и site2.js,
хотя в конфиге конкретно - хочу именно site.js
import { defineConfig } from 'vite';
...
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 '...
0
голосов
0
ответов
43
показа
Почему не работает стандартная передача id элемента?
Почему в vue3 нельзя передать свой id как это обычно делается в js?
<script>
export default {
name: 'App',
data() {
}
},
methods:{
show: function(...
0
голосов
1
ответ
36
показов
Ошибка eslint и prettier
Создал vue проект с файлом App.vue
/* eslint-disable */
<template>
<div>
</div>
</template>
<script>
</script>
<style>
</style>
В ...
0
голосов
1
ответ
26
показов
Ошибка при создании vue проекта
Установил vue
Но при создании проекта выдает ошибку
Подскажите как ее устранить.
0
голосов
1
ответ
22
показа
Vue - есть возможность использовать пробел в этом месте {{ item.start date }}?
Есть такой тестовый массив доступный через API
// 20231015201254
// http://localhost:3000/api/users
[
{
"name": "Tiger Nixon",
"position": "System ...
0
голосов
0
ответов
52
показа
Получение данных из изменяющегося массива
Есть такой код:
function findIndexOfMinLow(array, startIndex, posLow) {
let minLow = Infinity;
let minLowIndex = -1;
let arrayLength;
if(array.length < candlesChartQuantity.value){
...
0
голосов
1
ответ
49
показов
Доступ сторонних скриптов (telegram) к методам vue 3
внедрил кнопку аутентификации telegram в нужно место шаблона vue 3, но не могу получить доступ к методу vue - > onTelegramAuth(user):
//Загрузка кнопки Телеграма в нужное место
const ...
0
голосов
1
ответ
45
показов
Почему при скрытии элементов на нижнем уровне скрывается верхний?
SidebarComponent.vue
<script setup>
import SidebarNavigationComponent
from "./Navigation/SidebarNavigationComponent.vue";
</script>
<template>
<div class='sidebar'&...
0
голосов
0
ответов
14
показов
Проблемы с поиском погоды по геолокации в приложении погоды
Делал приложение погоды на фреймворке quasar по англоязычному гайду https://www.youtube.com/watch?v=kWRpEcv2nu8&t=1s
Но столкнулся с проблемой, когда поднимаю приложение на Windows, не работает ...
0
голосов
0
ответов
19
показов
добрый день. начинаю изучать VUE3, не могу решить проблему с отображением компонентов
есть компоненты TheHeader, HomePage. внутри HomePage находятся TasksPage, PackagesPage и некоторые другие. в хедере есть раскрывающееся меню, и пир нажатии на пункт меню должны скрываться/отображаться ...
0
голосов
0
ответов
28
показов
Публикация проекта на Vue 3.0 на VSL-сервере (TimeWeb)
У меня есть проект на Vue 3.0, который я создавал через Vue CLI
Запустил сборку проекта с помощью npm run build и загрузил содержимое папки dist в файловый менеджер на хостинге
При переходе на сайт, ...
0
голосов
1
ответ
21
показ
Vue3 + Splide не работает AutoScroll
Делаю карусель с автоскроллом, приглянулся Splide с модулем AutoScroll под задачу, но модуль упорно не хочет работать.
<Splide
:options="{
type: 'loop',
...
0
голосов
1
ответ
40
показов
Странно отрабатывает axios
Не пойму, в чем проблема. Использую Pinia (state менеджер для vue), написал там запрос на бэк на axios. В then пишу, что бы ответ от сервера помещался в переменную. Пытаюсь потом эту переменную ...
0
голосов
0
ответов
21
показ
Почему я вижу layout во время useFetch? nuxt 3
Есть страница /catalog/category/[code1c].vue
Есть функция
const {data: currentCategory, pending, error, refresh} = await useAsyncData(
'currentCategory',
() => $fetch(`https://...
0
голосов
1
ответ
31
показ
Что использовать во vue, модели или переменные
До сих пор писал модели во vue:
data(){ return { some: "something" }}
Но в последнее время и на официальном сайте и на vue school вижу что их прописывают через простые переменные, let, ...
0
голосов
1
ответ
56
показов
Почему не работает emit?
Недавно начал изучать Vue и столкнулся с очень странной и непонятной для меня проблемой.
Я не спорю, что с точки зрения архитектурного подхода данный код может быть неправильный, но всё же я хочу ...
0
голосов
0
ответов
17
показов
Как обновить router-view при переходе страницы в Vue3?
начал изучать Vue3. Столкнулся с проблемой пагинации. При нажатий на кнопки страниц, ни чего не происходит. Хотелось бы чтоб при нажатий выбора страницы и потом при выборе пункта меню (которое будет ...
0
голосов
1
ответ
38
показов
Как заставить input выводить значение только из параметра value?
У меня есть обычный контролируемый vue компонент, в котором нужно сделать ввод только для чисел. Если же в нем пусто - то должен возвращаться null:
<!-- PriceInput.vue -->
<template>
<...
0
голосов
0
ответов
17
показов
Добавить дополнительную надпись в всплывающее окно chart.js
Есть график от chartjs
Можно ли к узлу (в данном примере к бару) прикрепить ещё дополнительную запись какую-то? Пытаюсь и не могу найти способ прикрепить к data[] ещё дополнительную запись. Например, ...
0
голосов
1
ответ
40
показов
Как включить темную тему в Vuetify
коллеги.
Использую в своем приложении на Vue3 готовую библиотеку Vuetify, смотрел в документации, как включить темную тему, повторил, не получается.
Может вы подскажете?
Код vuetify.js:
import '@mdi/...
0
голосов
0
ответов
73
показа
Почему теряется реактивность при деструкции vue 3
У меня есть стор pinia, со следующей структурой:
worksheets: [
foo: {worksheetData: {someProp: 'value1', anotherProp: 'value2'}},
bar: {worksheetData: {someProp: 'value21', anotherProp: 'value22'}},
]...
0
голосов
0
ответов
126
показов
Vue глобальная переменная
Я объявил глобальную переменную во Vue следующим образом:
const windowWidth = ref(window.innerWidth)
const windowHeight = ref(window.innerHeight)
app.config.globalProperties.$windowWidth = windowWidth
...
-1
голос
1
ответ
29
показов
Как получить результат POST-запроса AXIOS
дорогие друзья.
Столкнулся с проблемой.
Пишу пет-проект, на пару с бэкенд-программистом.
Делаем регистрацию и необходимо после отправки данных аккаунта и записи их в бд, получать ID, для отправки ...
0
голосов
0
ответов
88
показов
Обработка ошибок AXIOS post Vue3+Laravel
Отправляется post запрос в laravel если искомая техника не найдена выдаётся ошибка 500 и возвращается текст ошибки. Но во vue почему то ошибка не срабатывает и заходит в then.
Запрос:
async ...
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-...
0
голосов
0
ответов
134
показа
Vue как виджет на сторонний сайт
Задача: Создать виджет на vue, который можно подключать на сторонниках сайтах.
Пример:
<my-widget />
<script src='random url to widget'></script>
Что получилось сделать:
Билд ...
0
голосов
0
ответов
21
показ
Vue. Как передать данные из одного компонента в другой?
Есть компонент отображающий список товаров (получаю с сервера по API) и есть компонент который должен отображать один товар.
Как по клику на ссылку передать данные в компонент отображающий один товар ...
-2
голоса
2
ответа
63
показа
Рекурсивное меню на vue 3 в виде "дерева"
Построение меню по v-for для случая много-уровневых данных
1
голос
0
ответов
25
показов
почему webstorm и typescript ругаются на получаение геттера написаного под pinia
У меня есть хранилище на pinia которое выглядит так
export const useLanguage = defineStore<string, { current: string }>({
id: 'language',
state: () => ({
current: 'en',
}),
...
2
голоса
1
ответ
70
показов
Проблема с перезаписью файла при загрузке со страницы браузера (Vue 3, ASP .Net 6)
Столкнулась со следующей проблемой. У меня есть написанное WebAPI приложение на .Net 6, к которому с запросами обращается фронт, написанный на Vue 3. В разных местах приложения необходимо загружать ...
0
голосов
0
ответов
27
показов
Vue CSS переиспользуемые классы
Как во Vue сделать переиспользуемый класс?
Например,я хочу чтобы класс .button был глобальным для всех компонентов, а .test-button только для этого компонента. Как это можно сделать?
<template>
...
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....
0
голосов
0
ответов
24
показа
Активное сокет соединение SignalR на страницах VUE SPA
У меня есть spa приложение на vue3 с использованием vue-router.
Настроен signalR сокет в отдельном файле websocket.js.
Изначально я попадаю на /login, где после авторизации получаю token, который ...
0
голосов
0
ответов
96
показов
Реализация Tabs в Vue3?
Сюда выложить воспроизводимый код не получается, он здесь codesandbox.io/p/sandbox/implementation-of-tabs
Почему не работает такой простой код?:
<template>
<Tabs>
<Tab title="...
0
голосов
0
ответов
21
показ
Тест на компонент vue с ассинхронной операцией внутри script setup()
Есть некоторый компонент, где я использую ассинхронную функцию внутри script setup:
<template>
test
</template>
<script setup lang="ts">
await request();
</script>...
0
голосов
1
ответ
89
показов
Полностью свой Select на Vue 3 (composition api)
Надоело мучиться с переназначением стилей и свойств стандартного Select.
На Vue 3 проще сделать СВОЙ и придать ЛЮБОЙ вид этому часто используемому элементу.
0
голосов
1
ответ
71
показ
Эмуляция <INPUT PLACEHOLDER> для <DIV CONTENTEDITABLE> на любой технологии HTML/CSS/JS? [РЕШЕНО]
Пытаюсь сэмулировать заполнитель <input placeholder="..."> для <div contenteditable>.
Первое что приходит в голову: добавить ::before и после фокуса на редактируемом элементе <...
0
голосов
0
ответов
23
показа
Очистить State на nuxt3
в ./conposables/state.ts добавленна такая функция
export const datepicker = () => useState("datepicker",()=> (new Date()).toISOString().split('T')[0]);
Как эту штуку очищать? ...
0
голосов
0
ответов
36
показов
Редактирование информации на этапе жизненного цикла onMounted компонета в Vue 3 Composition API
Изучаю VUE 3.
На этапе монтирования, после получения данных с сервера решил изменить данные:
<script setup>
...
const Task = ref([])
...
onMounted(() => {
idTask.value = props.id
...
0
голосов
1
ответ
15
показов
Не могу открыть папку с vue проектом на macOS
создал проект vue, он запускается всё отлично. При переходе в Finder я жму на папку и он пишет что "Вы не можете открыть программу «mneclo», так как она повреждена или не содержит необходимых ...