Category: Vue.js

23
Май
2022

как отобразить значок svg в nuxt 3

Я использую nuxt 3 и Compositions API.
У меня получается такая вложенность как на скрине ниже, как избавиться от лишнего тега svg?
Я также хотел бы получить атрибуты svg по возможности и изменить, например fill
<template>
<div&g…

22
Май
2022

Как достать META теги из API используя Nuxt.js

делаю проект на NUXT и сейчас возник волпрос как реализовать title и Description Динамически
У меня есть сервер который отдает API (http://localhost:3005/)
он возвращает JSON в котором есть узел head приблизительно выглядит так
JSON
head :…

20
Май
2022

Не получается вставить <el-input> в <el-table-column>. Есть ли альтернативные варианты сверстать список

Нужно сверстать такой список с формами для ввода. Не знаю как добавить строчки row1 и row2. И не получается добавить форму ввода как на картинке с помощью <el-input>
<el-table class="table-striped"
:data="tabl…

20
Май
2022

Деплой Java Spring Maven + Vue.js на Heroku

Сервер Heroku при попытке обратиться на url frontenda кидает запрос на Backend , как мне исправить это?
Захожу на основной адрес и нажимаю на "Авторизоваться" меня кидает сюда

но если я сразу впишу такую ссылку "https://my-…

19
Май
2022

Как изменять хэш в url страницы при скролле и попадании олбъекта с хешем в id в видимую часть экрана?

Суть в том, что есть список объектов с хешами в id, как сделать так, чтобы хэш страницы менялся когда этот объект попадает в видимую часть экрана, желательно на vue?

14
Май
2022

Загрузка изображений в многостраничном приложении Vue 3

Возникла следующая проблема: после того, как я организовал многостраничное приложение с помощью pages в vue.config.js, у меня перестали загружаться картинки. Приложение компилируется нормально, однако в браузере обнаруживается несколько ош…

13
Май
2022

Можно ли изменить сообщение в стандартном сообщении браузера при закрытии страницы?

Есть код, который, по идее, должен бы работать – устанавливать кастомное сообщение.
Но сообщение все равно выводится системное в разных браузерах.
Видел способ на проекте Vue.https://austingil.com/prevent-browser-refresh-url-changes-route-…

06
Май
2022

Пароль меняется сам по себе

При обновлении данных пользователя (не меняю пароль) с фронта на бэк уходит старый правильный пароль, и вроде бы у пользователя обновляются только измененные данные. Но потом замечаю что у этого пользователя был изменен пароль. и это проис…

06
Май
2022

Пароль меняется сам по себе

При обновлении данных пользователя (не меняю пароль) с фронта на бэк уходит старый правильный пароль, и вроде бы у пользователя обновляются только измененные данные. Но потом замечаю что у этого пользователя был изменен пароль. и это проис…

05
Май
2022

Как реализовать циклическую зависимость в Vite (vue),

Решил попробовать использовать Vite с Vue3.
У меня в проекте есть циклическая зависимость, я про нее знаю. Заключается в следующем.
У каждого работника, есть возможность указать другого работника, который его пригласил. Так вот, в списке р…

05
Май
2022

Как передать параметры из blade шаблона во vue3 компонент?

Как передать параметры из blade шаблона во vue3 компонент?
Развернул чистый проект последней версии лары и установил последнюю версию vue3.
В консоли всегда undefined а в шаблоне пустая строка, то есть по факту данные не передаются в комп…

04
Май
2022

Как запретить ввод символов ‘+’, ‘-‘ , ‘е’ в Input type="number" во Vue.js?

Подскажите как пофиксить код валидации поля input.
Условия валидации:

Заперетить ввод знаков +, -, e
Запретить вводить количество цифр больше 9
Граница инпута должна быть красной до тех пор пока не будет введено 9 цифр
Кнопка Send станови…

03
Май
2022

Как изменить данные в data() при клике на элемент в v-for?

Недавно начал изучать vue, но столкнулся с проблемой: перебирая в v-for компонент и вешая на этот компонент слушатель я надеюсь "выбрать" этот элемент, поместив в activeItem id карточки, на которую кликнули, но в итоге при клике …

03
Май
2022

Как изменить данные в data() при клике на элемент в v-for?

Недавно начал изучать vue, но столкнулся с проблемой: перебирая в v-for компонент и вешая на этот компонент слушатель я надеюсь "выбрать" этот элемент, поместив в activeItem id карточки, на которую кликнули, но в итоге при клике …

03
Май
2022

Размер слайда ведёт себя неадекватно

Всем привет!
Настраиваю swiper slider (я настраиваю его в своём vue приложении, но использую не пакет для vue, а обычный js swiper).
Я сделал вёрстку, инициализацию слайдера в mounted и импортировал всё нужное свайперу в файл где инициализ…

02
Май
2022

Проблема с отображением картинки в Vue.js

Я делаю flask приложение для конвертации форматов изображений, пользователь должен ввести url изображения и дальше выбрать формат сохранения но это не важно, важно то, что когда он полностью введет url квртинки она дожна отобразиться, но п…

29
Апр
2022

Проблема с отображением текста после нажатия кнопки редактирования на Vue

У меня есть приложение на Vue-To Do List.
Добавил туда возможность редактирования уже написанного текста заметки.
Само редактирование работает хорошо, только теперь при нажатии на кнопку edit отображается и сам текст заметки и плюс еще отд…

28
Апр
2022

vue beforeunload safari auto triggered

i have trouble when my vue app launch in safari its fires beforeunload event for no reason
in other browsers its all good
i call this event on created hook in my app.vue file. So maybe someone who fidure with that can help me to avoid this…

27
Апр
2022

Flask отвечает на все POST-запросы с кодом 400

Во время написания проекта на flask и vue.js столкнулся с проблемой в создании POST-запросов. Flask игнорирует абсолютны все POST-запросы, отправляемые с сайта. Для воспроизведения проблемы:
main.py
import os
from flask import Flask, rende…

26
Апр
2022

Vue поочередная анимация списков

Делаю поочередное появление элементов на Vue, что бы при добавлении любого количество, элементы появлялись и пропадали по порядку. Появление сделал, но при частом нажатии вторая партия элементов не дожидается первой и кажется что элементы …

25
Апр
2022

Передать параметр в функцию sort

Не понимаю как передать параметр column, чтобы можно было сделать универсальную функцию сортировки.
В мутацию через actiоns передаю, например, параметр ‘genotype’
@click="sortData(‘genotype’)"//клик на заголовке столбца

//vu…

22
Апр
2022

Помогите Laravel+Vue Теория

Хочу понять как работает связка Laravel+ Vue, не могу что то найти достоверно в интернете
Как я понимаю:
1.Мы переходим на страницу, допустим /login

Сначала запрос идет в Laravel, web.php
Там он обрабатывается, и допустим идет в контролле…