Category: Vue.js

27
Сен
2022

Переключение активных элементов

Есть список из шести элементов, как сделать так , чтобы допустим , я нажал на 5-тый блок , active_el присвоилось 5 , а при помощи v-if который установлен на блок , отобразился только 5-тый блок, если я нажму допустим на второй элемент , пя…

25
Сен
2022

Как сложить все переменные массива

Нашел функцию для сложения всех элементов, reduce(), но почему-то при использовании ее, у меня вместо того, чтобы сложились все переменные в массиве, выводит
0[object Object][object Object][object Object][object Object][object Object][obje…

24
Сен
2022

Как реализовать загрузку галереи фото на Vue.js 3?

Мне необходимо реализовать вот такой дизайн: есть поле для загрузки фото, фото выбора фото они показаны в превью и с каждым можно совершить несколько действий: заменить на другое, обрезать (модалка с кропом по сетке), удалить.
Используемый…

21
Сен
2022

Nuxt js ssr. Не генерируются статические страницы категории для блога

Вот так выглядят мои страницы в nuxt, проблема в том что у меня не генерируются статически категории(_category/index.vue). Сделано это для того что бы url у поста был такой –
http://domen.com/categorySlug/postSlug. После nuxt generate у м…

21
Сен
2022

Как передать токен в запросе к API?

Требуется получить данные от сервера по API
На моменте авторизации мне возвращается токен, который сейчас сохранен в localstorage.
Как его передать в GET запрос для получения данных ?

<template>
<div class=”lk”>

19
Сен
2022

Размещение списка в блоке

Есть блок , в котором есть список , не могу понять какое надо применить свойство, чтобы блоки которые находятся внутри , начинались снизу вверх ?

const app = new Vue({
el: ‘#app’,
data() {
return {
showInput: true, // Отв…

18
Сен
2022

Не скрывается активный блок

У меня есть 7 блоков , при нажатии на 4 блок , у меня добавляется активный класс на блок, градиент , в котором есть css свойство background-position, оно как раз мне все и портит, при нажатии на первый блок , у меня скрываются все блоки кр…

18
Сен
2022

Скрол работает в обратную сторону

Есть блок, в котором есть список сообщений, также реализован скрол бар в нем, в чем проблема, у меня он работает, но почему-то в обратном направлении , если крутить в верх , то будут крутиться вниз, а если крутить вниз, скрол будет поднима…

16
Сен
2022

Время , которое пользователь может задавать сам

подскажите , хотел сделать , чтобы я мог при помощи input задать длительность анимации для блока, у меня есть две анимации fadeOut – которая делает появления и исчезновения блока, а также runProgress – нужная для прогресс бара, время котор…

16
Сен
2022

drug and drop замена блока на javascript (vue.js)

Есть массив объектов, который сверстан как 6 картинок.(циклом v-for).
Так же сверстано по 6 серых блоков в двух колонках справа(простые div’ы).
Нужно перенести картинку со своего места и вставить в один из блоков справа,
При том что справа…

15
Сен
2022

Путь к файлу main.js

См. Подключение css файлов. Я немного подредактировал код файла public/index.html

<!DOCTYPE html>
<html lang=”en”>

<head>
<!– Required Meta –>
<meta charset=”UTF-8″>
<meta http-equiv=”X-U…

14
Сен
2022

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

const selectedColumn = (item) => {
originalColumnsList.value = originalColumnsList.value.filter((column) => column.id != item.id);
selectedColumns.value.push(item);
saveDisabled.value = false;
}

в функции selec…

13
Сен
2022

Установка vue-router

Есть файл
main.js

import { createApp } from ‘vue’
import App from ‘./App.vue’
import router from ‘./router’

const app =createApp(App).mount(‘#app’)

app.useRouter(router)

В результате выдает ошибку

Как устранить ошибку, чтобы б…

12
Сен
2022

Блоки поднимаются вверх

Столкнулся с проблемой , у меня при нажатии на кнопку Item, блоки опускаются вниз , как сделать так, чтобы старые сообщения уходил в верх страницы , а не в низ ?

const app = new Vue({
el: ‘#app’,
data() {
return {
cur…

12
Сен
2022

Блоки поднимаются вверх

Столкнулся с проблемой , у меня при нажатии на кнопку Item, блоки опускаются вниз , как сделать так, чтобы старые сообщения уходил в верх страницы , а не в низ ?

const app = new Vue({
el: ‘#app’,
data() {
return {
cur…

12
Сен
2022

Пуш элементов в массив и смена цвета

Столкнулся с проблемой , у меня есть три элемента в массиве, я хотел реализовать , чтобы при клике на кнопку Items, отображался первый элемент массива , а у меня выводит сразу три элемента массива, хотел чтобы новые элементы шли вниз, а ст…

08
Сен
2022

Запрос к FastAPI с VueJS используя внешнее устройство Android

Пишу фронтенд на vue.js, а бэк на fastapi, всё под https. С компа запросы обрабатываются отлично, но как только делаю запрос с телефон, запрос отклонен политикой CORS.
Вот код, может он чем-то вам поможет:
import uvicorn
from fastapi impor…

06
Сен
2022

Некорректно работает last-child во Vue

Есть список элементов, которые отрисовываются через v-for.
На каждом из них есть динамический класс numbers-filled.
last-child срабатывает на самом последнем в родителе элементе с классом numbers-filled.
Проблема вот в чём, когда последний…

06
Сен
2022

Некорректно работает last-child во Vue

Есть список элементов, которые отрисовываются через v-for.
На каждом из них есть динамический класс numbers-filled.
last-child срабатывает на самом последнем в родителе элементе с классом numbers-filled.
Проблема вот в чём, когда последний…

05
Сен
2022

Как сохранить состояние div в local storage vue.js

Как сохранить выведенную таблицу при нажатии на input и сохранить сам таб после перезагрузки страницы, в данный момент сохраняется введенное число в Input.
Использую LocalStorage

// дочерний навбар откуда постуает запрос на формировани…

03
Сен
2022

Вёрстка спидометра

Подскажите, как сделать движение этой стрелки? В функцию должна приходить скорость и в зависимости от значения, нужно двигать стрелку.
Пробовал реализовать через offset-path, но получилось довольно криво.