Форум программистов и сисадминов КиберфорумКиберФорум - форум программистов и системных администраторов. Бесплатная помощь в решении задач по программированию, математике, физике и другим наукам, решение проблем с компьютером, операционными системами. |
|
Темы раздела Vue.js
Проблемы с расширениями парсеров для запуска проекта
Здравствуйте! Я не знаю как это безобразие обозначить, но фреймвёрк вообще не предоставляет абсолютно никакой информации о том, что нужно прописать в package.json (может, не обязательно там нужно)...
Компонент-часы UiClock
Требуется реализовать компонент-часы UiClock, который отображает текущее время: время должно отображаться локализовано в формате { timeStyle: 'medium' }. Часы должны идти - обновлять время каждую...
Рендерить строку с текущей датой
Создать Vue приложение, которое рендерит в элемент #app строку "Сегодня DATE", где DATE - текущая дата локализовано в формате { dateStyle: 'long' }.
<!doctype html>
<html lang="ru">
<head>
...
Вызов url
Приветствую!
Подскажите новичку
как на vujs вызвать определённый url?
есть бэкэнд с api на fastapi нужно визуализировать в vujs
Вызов функции через вставку
Привет делаю вставку в дерево dom через ajax. С сервера ответ такой:
$add_post=DB::table('wall_posts')->insertGetId(array(
'id'=>NULL,
'owner_id'=>session('user_id'),
'text'=>$_POST, ...
Ошибки парсинга tsconfig
Здравствуйте. Не собирается проект vue 3 с помощью webpack 5. Tsconfig что-то не нравится, якобы список файлов пуст:
TS18002: The 'files' list in config file 'tsconfig.json' is empty.
Ну так...
Не получается вставить значение
Здравствуйте мне нужно вставить значение :
<input type="submit" class="button" value="@{{reg_submit}">
или
<input type="text" class="text_field" placeholder="@{{2text}}">
Массив не выводится v-for
Пытаюсь вывести массив json не получается.
В консоле данные приходят, но не выводятся в LI списке.
Что не так с этой функцией ?
<script setup>
import { RouterLink, RouterView } from...
Подключить Vue Component к файлу HTML
Есть файл TreeComponent.vue. Допустим в нем написан компонент.
<template>
<h1>привет</h1>
</template>
<script>
export default {
name: "TreeComponent"
}
</script>
Таблицы v-data-table (vuetify), количество выводимых строк по умолчанию
Добрый день. Не могу разобраться с тем, как для таблиц vuetify установить количество выводимых строк по умолчанию. Изначально таблицы выводят всего по 5 строк, но для моей задачи это не подходит...
...
Подключить Яндекс.Метрику в Nuxt
Всем здоровья! Прошу помочь присовокупить Я.метрику в проект на Nuxt
Что имеем сейчас:
установил npm @nuxtjs/yandex-metrika
конфиг такой:
// nuxt.config.js
Анимация появления нового сообщения с ограниченным количеством этих сообщений
Задача: Есть чат, который выводится в двух местах одной и той же страницы при разных условиях. Первое место вывода обычное, со скролом, там проблем нет, как и анимации в принципе тоже. Второе место...
Подписаться на изменения переменной внутри объекта
не могу понять возможно ли отслеживать изменения внутри объекта
пример
на самом верхнем уровне есть обьект "сам по себе"
var cart = {
count: 0,
goods: {
a: 1,
b: 2,
...
Почему картинка не отображается?
Почему не отображаются картинки?
Есть код:
<img class="salad" :src="item.image" height="200px" width="305px" />
И файл с источником изображения:
const Json = ;
Но изображение НЕ...
Валидация телефона Vue.js
Я написал такие условия в input (validation input)
<input type="text" placeholder="+380" class="input-tel" v-model="phone"
@keypress="onlyNumbers" maxlength="10"...
Ссылка на изображение внутри объекта массива и отображение этого изображения при клике на кнопку VUE JS
Есть массив объектов, при клике на кнопку РАНДОМ который перебирается и отображает в отдельном блоке картинку. Ожидалось поведение такое, что при клике на кнопку будет происходить отображение поля с...
VueJS. Как включить событие следить за координатами мышки
хочу сделать drag элемент, создал div блок
<div @mousedown="mouseDown" style="width:4px; min-width:4px; height:100%; min-height:100%;">1</div>
вызываю событие при нажатой клавиши мышки
...
vue --version работает в cmd но не работает в powershell
Здраствуйте, была ли у когото проблема что после установки node.js (без доп. компонентов) и комманд в vs code (терминал по дефолту)
npm -v //работает
npm uninstall -g @vue/cli //работает
npm i -g...
ошибка по vuejs
Здравствуйте! Начал изучать vuejs по видео уроку
xodyM-xXrl4
установил:
npm install vuetify --save
импортировал vuetify:
import Vuetify from "vuetify";
импортировал стиль:
import...
Как обработать файл Json?
Есть файл JSON.Нужно принять данные из этого файла с помощью Vue-resource и сохранить их в store Vuex, а затем при помощи функции вывести их на экран в компоненте.Как лучше это сделать?
import Vue...
Сломал все приложения vue.js после установки vuelidate
всем привет. делал приложение по видеоурокам, все было хорошо и понадобилось установить vuelidate. после этого в этом проекте и в других появилась одна и та же ошибка при запуске PS D:\New...
Как указать src изображения из переменной во Vue.js?
Здраствуйте. Я пытаюсь вывести значение в тег img с переменной vue
Вот код:
<template>
<div id="app">
<div id="container">
<div class="row">
<!-- 1...
Как при клике, добавлять новое поле input во Vue?
Добрый вечер! Прошу помочь разобраться, как при клике добавлять новые поля. Со списком проблем нет. Там из массива в data через v-for отрисовываешь на страницу. Но как быть с input? Работать должно...
Как получить данные из JSON-файла?
в учебном проекте, собранном на Vue CLI, хочу сделать что-то вроде источника данных, в виде json-файла, обращаться к нему из store, при помощи actions, и полученные данные распарсить в js-объект и...
При нажатии на один чекбокс отмечаются все чекбоксы
Здравствуйте, не могу понять в чем проблема. Есть данные фирм-производителей мебели из БД и нужно сделать фильтр по фирмам-производителям. Так вот когда я нажимаю чтобы выделить одну фирму он...
Как сохранить состояние между перезагрузкой страниц (nuxt)
Здравствуйте коллеги!
Как сохранить состояние после перезагрузки страницы в nuxtjs.
Vue-router не хочет работать
Собственно идея такая, по нажатию кнопки должна отображаться страница /contacts
но по ходу vue-router не подключен или работает не так как надо
.....
<a href="/contacts" class="contact"...
Input type="number" Запретить ввод +-е
Здраствуйте, скажите пожалуйста можно ли запретить ввод "+", "-", "e"?
Данные, которые вводятся через input с использованием vue js
Здравствуйте,возник вопрос, я ввожу данные через input , потом эти данные "реактивно"(если не ошибся в терминологии) отображаются на сайте, то есть ввожу и они сразу отображаются , я их ввел , а где...
Скачать файл с сервера
Здравствуйте, сейчас изучаю vue и axios. Не могли бы подсказать.
Пытаюсь скачать файлы с "сервера".
Сервер, в моём случае - это сетевая папка, если скачиваю txt с содержанием английского текста,...
Nuxt js (2 категории), добавление через админку
Делаю админку для сайта. Добавление, удаление и создание постов. Заминка вышла в том, как лучше решить проблему с категориями статей. Есть 2 категории и выводить на главную страницу мне необходимо...
Вывод данных из БД по условию
Здравствуйте, есть задача: нужно вывести категорию товара на основе данных которые пользователь ввел в текстовое поле.
Вот код запроса:
<?php
$host="127.0.0.1";
$user="root";
$pass="1111";...
Маска для мобильного телефона
Добрый вечер дорогие разработчики Как реализовать маску для номера телефона Чтобы она оначинала с +380 и дальше юзер вводил номер телефона #########
Нужно чтобы он не мог удалить +380 и весь номер...
Как справиться с проблемой «Failed to mount component: template or render function not defined.»?
В процессе изучения Vue натолкнулся на проблему: "Failed to mount component: template or render function not defined", шёл шаг в шаг с автором курса.
Примеры решения нашёл здесь...
Рендер страницы после загрузки данных
Приветствую. Авторизация на сайте с помощью токена. Токен сохраняется в localStorage.
const store = new Vuex.Store({
state: {
token: localStorage.getItem('user-token') || '',
...
Как спрятать один компонент при клике по другому?
написала выпадающий список
<div id="ddl-box">
<ps-ddl v-bind:src-arr=""></ps-ddl>
<ps-ddl v-bind:src-arr=""></ps-ddl>
</div>
let psDdl = {
Отправка данных на сервер через Axios
Здравствуйте, возник вопрос при отправке данные через axios методом POST , в какой переменной они будут храниться в php?
Я проверял переменные $_POST и $_GET на содержание данные через функцию...
После нажатия кнопки перенести фокус на input.
Здраствуйте, скажите пожалуйста как перенести фокус на инпут после клика в vue.js
Тоесть перенести код ниже во vue
<button onClick="foc()">focus</button>
<input id="in" type="text">
<script>...
Проверка на одинаковые элементы в массиве?
Как сделать проверку в функции addStudent() чтобы у меня в новый массив listStudent: не повторялся студент из массива groups
<div id="chooseListStudents">
<div v-for="(group, idx) in groups"...
Vue js получить ширину созданного элемента
возможно ли получить ширину элемента?
шаблон
<script type="text/x-template" id="listRowTemplate">
<div v-bind:class="{ fontGrey: isFontGrey, evenGrey: isGrey, rowActive: isRowActive, curspoi:...
Связь v-model и преобразование формата даты
День добрый!
Может кто сталкивался: с сервера приходит модель, в которой дата рождения пользователя в формате "YYYY-MM-DD H:M:i" а в форме редактирования профиля нужно выдавать в общепринятом...
VueJS. Запустить функцию родительского компонента из дочернего
У меня постоянно возникают новые вопросы. Ещё один маленький вопрос
Хочу сделать счётчик вызова v-for, пишу
<div id="main" class="pr z0 disf fdc fjcc faic">
<div id="price">
<list_table...
Изменение значения текста с использованием v-model путём изменения textarea
Добрый день!
Пишу некое подобие редактора сайта и столкнулся с проблемой которую не смог решить своими силами.
Имеется код:
<h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style...
Насколько безопасна авторизация через сессии?
Здравствуйте, хотел узнать, насколько безопасна атворизация через сессии?
Сейчас я получаю JWT (json web token) от сервера и записываю его в сессии (использую vue-session).
При каждой перезагрузке...
Vue и события мыши
не могу понять как сделать тригер
<div class="pr" @mousedown.left="mouseDown" @onmouseup.left="mouseUp">345435345</div>
mouseDown: function(e) {
this.drag = true
},
Не работают методы
Только начинаю изучать Vue.
По примерам сделал несколько вариантов todo.
NPM и CLI не устанавливал. Использую OS X, Safari и Chrome - всё последних версий.
Подключаю так:
<script...
Таблица с несколькими уровнями вложенности строк (vue2 + axios)
Ребята, привет!
Я новичок во Vue - делал простые приложухи всегда, сейчас встрял со сложным компонентом.
Использую vue2 + bootrstap-vue + axios.
Мне нужно отрисовать в приложении вот такую...
Динамическое изменение маски
Доброго дня, нужна помощь с компонентом vue-inputmask, используется следующим образом
<input type = "text" v-model = "phone" class = "form-control" v-mask = "format"/>
При определенных ситуациях,...
VueCLI ошибка при установки
Привет, пытаюсь поставить VueCLI но npm выдает ошибки
C:\Windows\system32>npm install -g @vue/cli
npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer...
append
Как добавить html-элемент к экземпляру Vue? Т.е. то, что в нативном JS делает Node.append(elem);
VueJS. Не срабатывает событие v-on:click
Например есть такой код:
Vue.component('sub-wrapper', {
template: '<div class="sub_wrapper"><slot></slot></div>',
data: function () {
return {
width: 600,
...
Как сделать что бы текст показывался при наведение мышкой?
<div class="quiz-cells">
<quiz-cell title="Logic & Mathematic" description="a subfield of mathematics exploring the applications of formal logic to mathematics"></quiz-cell>
...
Vue.js: связать два компонента через v-model
Здравствуйте!
Нужна помощь!
Есть 2 компонента, один:
<template>
<div>
<label for="" v-show="isShowed">{{ label }}</label>
<input :type="type" @focus="showLabel"...
Передача параметров в объект
Доброго дня! Не судите строго, только начинаю знакомство с vue, возник такой вопрос
имеется html
<div id="app"></div>
<script src="dist/app.js"></script>
и js
import Vue from 'vue';...
Vue-router не отображает компонент по ссылке
Здравствуйте, столкнулся с определенной проблемой. Для перехода использую vue-router. Страницы описываю в файлах .vue. Так вот когда перехожу по ссылке то все нормально работает. А если ввожу в...
как отключить блокировку CORS
Здравствуйте! Пишу простую программку (запускается на http://localhost:8080/), выводящую данные, полученные после запроса axios.get на "сервер" по адресу http://localhost:8090/products. При запуске...
Как сделать видимым дочерний элемент при клике?
Привет! вывожу массив фалов
https://jsfiddle.net/demeys/eywraw8t/462223/
<ul class="list-inline">
<li class="list-inline-item image-list shadow mb-3 ml-3" v-for="file, index in...
Uncaught ReferenceError: delUser is not defined at HTMLButtonElement.onclick
При нажатии на кнопку удалить не видит метод delUser;
Почему не видит?
<template>
<div>
<b-table striped hover :items="data">
<template v-slot:cell(options)="data">
<span...
При навешивании на чекбокс v-on клик(функция) Проблемы
Добрый день
Вешаю функцию (даже пустую) на событие клик и чекбоксы перестают работать:
1.Не появляется галочка
2.Массив добавляет значения выбранных чекбоксов а при повторном нажатии не убирает...
vue-cli не обрабатывает пути к img в html
Уже битый час ищу решение проблемы. Vue-cli обрабатывает пути изображений из scss файлов, например такой
body {
background-image: url('../img/body-backgr.jpg');
height: 100vh;
...
Учить или не учить Vue?
Добрый вечер. Уже не первый день посматриваю в сторону изучения Vue и хотел бы узнать ваше мнение. Трудно ли его изучать, если js знаешь на минимальном уровне? Трудно ли реализовывать запросы из бд...
Подгрузка контента при клике
Доброго времени суток,
<div id="app">
<paginated-list :list-data="people"/>
</div>
Vue.component('paginated-list',{
data(){
return { pageNumber:...
Получение данных из БД
Всем привет. При создании spa столкнулся с проблемой: не получается получить json данные из php файла, при ajax запросе возвращает html-данные. Мне подсказали, что нужен локальный сервер типа...
ООП во vue js
Возможно вопрос глупый и сам по себе бессмысленный, но можно ли писать код vue.js в объектно ориентированном стиле? Хотелось бы посмотреть примеры, если есть
Подключить скрипт js в mounted() VUE
Привет. Подскажите пожалуйста как подключить js скрипт в mounted(). Как правильно экспортировать из js не понимаю
Пробовал так, выдается ошибка:
export default function test() {
.........
}...
Загрузка файла на сервер
пытаюсь загрузить файл на сервер
<form class="newArticleform" @submit.prevent="createArticle" ref="myFiles">
...
<div class="ml-3 mt-3 mr-3">
...
[Vue warn]: Failed to mount component: template or render function not defined
После сборки йарном выводится в консоли:
: Failed to mount component: template or render function not defined.
found in
---> <Anonymous>
<Root>
на всякий случай выкладываю почти все...
Как обратиться к хранилищу Pinia из <script> без <script setup>?
Есть такое хранилище:
import { defineStore } from "pinia";
export const useStore = defineStore("Stores", {
state: () => ({
selected: "По популярности",
}),
actions: {
Как удалить из массива элемент с определёнными значением?
У меня есть массив, в котором хранятся разные типы данных, которые я беру с формы
add: function () {
form = document.getElementsByTagName('form');
let elem = {
...
Не получается установить Vue CLI
Здравствуйте, помогите пожалуйста установить Vue CLI. Ввожу команду, как написано на оф. сайте, в итоге получается так, как показано на скриншоте.
...
Передача значения переменной c одного компонента в другой компонент
Добрый день у меня задача передать в значения модели counterBuy в другой компонент по клике на counterBuy (-) (+)
Как реализовать чтобы ещё во втором компоненте изменять модель counterBuy?
Не подключается vue.js в html
Всем привет, не подключается vue.js в html Не видит переменную message
сделал вот так
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet"...
Как суммировать выбранные значение из массива?
помогите пожалуйста с кодом.
Как суммировать выбранные значение из массива по переменной age(в моем случае), Выборка происходит по клику на input=radio или checkbox То есть например: если выбрано...
Удаление элемента списка по индексу
Здравствуйте, отобразил список v-for ="(item, index) in items" :key ="index " @click ="delete(index)"
В methods:{
delete (index){
this. items. splice(index,1)}
}
Но!!! Удаляет не...
Ограничение на ввод первых символов в строке
Пишу калькулятор с использование Vue Js,нужно огранить ввод первого символа(должен быть обязательно цифрой).
Так же нужно запретить ввод 2 раза подряд и больше,математических операторов.
Есть ли во...
router-link не работает параметр tag
Короче начал сегодня изучать vue, сразу же столкнулся со следующей проблемой... Роутер отказывается изменять дефолтный тег <а> через параметр tag.
Ткой код
<router-link to="/" tag="li" exact...
Пагинация Vue.js
<div id="app" class="container">
<ul class="list-group">
<li v-for="item in collection" class="list-group-item">
{{ item }}
</li>
</ul>...
Создать одностраничную форму регистрации
Добрый вечер! Пытаюсь создать одностраничную форму регистрации
пользователь вводит свое имя и жмет кнопку Далее
пользователь вводит свою фамилию и жмет кнопку Далее (он может вернуться на...
Размножить блок
Подскажите пожалуйста, имею такую структуру:
<template>
<section class="feed">
<div class="battle">
<a href="#" class="battle__title">Lorem</a>
<div class="participants">
...
Двустороннее связывание данных в форме.
Здравствуйте.
Пытаюсь сориентироваться, как реализовать с помощью Vue следующую простую задачу:
У меня есть довольно сложная структура данных; пусть она содержит двумерный массив:
const etalon = {...
Не обновляются данные в слоте
Приветствую. Я в Vue новичок, так что, извините, если вопрос глупый.
Есть компонент-оболочка модального окна:
var ModalViewTemplate = {
template: `
<transition name="modal">
...
Vue.js Как вытащить значения 'Data'
Добрый день.
Сам верстальщик сайтов - в программировании профан.
(прочел доку по Vue.js)
На данный момент интересует такой вопрос:
есть следующий код:
(сюда еще добавлена либа Vue-Konva - но в...
Объясните логику проверки победителя в крестики нолики
var appVue = new Vue({
el: '#app',
data: {
fieldMasses: ,
move: false,
fieldSize: 3,
hod: 0,
name:'',
isActive: false,
igra:...
Обновление таблицы с данными
Добрый вечер! Имеется сырой Vue компонент для работы с данными таблицы. Данные представляет пользователю с помощью вот такого v-for:
<v-data-table :headers="headers" :items="data"...
Динамическая подгрузка Vue.js кода
Доброго времени суток уважаемые форумчане, столкнулся с одной проблемой в использовании библиотеки Vue.js: директивы (н.р. v-on) сканируются лишь при первоначальной загрузке страницы, мне же...
Передать переменную из JS скрипта в Vue
Добрый день
Ситуация:
Есть HTML генерируемый Laravel в документе есть несколько кнопок при нажатии на которые всплывает модальное окно, содержимое которого под управлением Vue. при нажатии на...
Изменение state напрямую
Всем доброго дня! В мутациях изменяется state, но его можно и напрямую менять, так как это просто набор переменных и к ним есть доступ. Почему же нужно менять значения в state через мутации, а не...
Vuejs @click.stop
Приветствую форум ссылок и вирусов.
Решил освоить vuejs.
Вот тут https://v3.ru.vuejs.org/ru/guide/events.html#модификаторы-событии показано:
<!-- всплытие события click будет остановлено...
Vue.js + Gulp
Здравствуйте, только начинаю изучать фронт, для разработки выбрал Vue.js, для билда выбрал Gulp. Сначала в галпе сделал таск билда *.vue компонента в *.js с помощью vueify, но тут я понял, что это не...
Не получается понять что вызывает ошибку "TypeError: Cannot read properties of undefined (reading 'forEach')"
Знакомлюсь с фреймворком VueJS3 и когда добавляю vue-router в консоли отображается эта ошибка:
Uncaught TypeError: Cannot read properties of undefined (reading 'forEach')
at...
Как остаться на текущей странице после перезагрузки в окне браузера?
после того как установил данный гвард на роуты
export default function (to, from, next) {
if (store.getters.user) {
next()
} else {
...
Как сделать раскрывающееся меню?
есть меню с подменю, как при клике на пункт меню, вывести его подменю, сейчас раксрываются все подменю
<ul :class="$style.catalogCategories">
<li v-for="(category, index) in categories"...
При удалении заметки спросить у пользователя подтверждение функцией "confirm"
Подскажите кто знает как при удалении заметки спросить у пользователя подтверждение используя функцию "confirm"?
VueJS. Serialize
Есть ли аналог на VueJS метода из JQuery serialize()?
Nuxt Не работает перезагрузка страницы
Есть динамическая страница, которая выводит компонент в зависимости от ответа.
<template>
<div>
<component
:is="componentName"
:data="data"
/>
</div>
</template>
Оптимизация SPA приложения
Всем привет. Разработал SPA приложение. Столкнулся с проблемой - оптимизация. Возможно ли оптимизировать SPA приложение до более быстрой загрузки?
Приложение писал несколько месяцев. Папка...
Transition (появление / исзчезание)
Каким образом я могу сделать так, чтобы элемент появляся и через секунду исчез? Пробовал использовать и анимации и трансизш, но ничего не помогает. Попробовал изменить флаг через setTimeOut, но...
Редактируемая таблица VUE
Добрый день.
Возник вопрос.
Как сделать на вью возможно редактировать строку таблицы по клику на кнопку ?
Имеется таблица. В первом столбце этой таблицы у каждый строки есть 2 кнопки : удалить...
Не работает vue на сайте
Не могу понять почему не работает vue на сайте.
/routes/web.php
Route::get('/', 'MainController@showHomepage');
Route::get('/skills', function() {
return ;
});
Ограничить масштаб Яндекс-карт
Здравствуйте!
Подскажите пожалуйста, каким образом можно ограничить масштаб карты (установить maxzoom =15 и minzoom= 5)? Привожу ниже блок кода, в котором это необходимо прописать. Заранее спасибо!...
Создать функцию для увеличения высоты блока при клике на него
Создать функцию для увелечиния высоты блока при клике на него
<div id="app">
<div class="wrapper" v-bind:style="styleObject" @click="AddHeight()">
Lorem ipsum dolor sit amet, consectetur...
Сформировать новый массив объектов из двух
Всем добрый день!
Есть 2 массива объектов вида:
Первый массив никогда не меняется он приходит с сервера как изначальный,
Второй же массив, изначально идентичен первому, но после...
Передать компонент через props в массиве данных - возможно ли?
Есть генератор табличных данных
Vue.component('list-table-data', {
props: {
table: Array
},
template: `
<table>
<vv-tbody v-bind:trs="table" />
</table>
VueJS подключение нескольких компонентов в файле
Начал недавно изучать Vue.JS... Подскажите что я не так делаю при подключении компонентов в файл. и собственно как это можно исправить)
<template>
<div id="app">
<div id="header">
<div...
Как добавить карту на сайт при работе с vue.js
Здравствуйте!
Не могу добавить карту на свой сайт. Вот код сайта:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>practika</title>
Не подхватываются стили из компонента
Здравствуйте, использую такую структуру для создания веб приложения
Вебпак:
const path = require('path');
const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
...
Nuxt и Firebase Admin SDK
Добрый день. Вопрос редкий что нигде не нашел ответа.
НЕ могу к NUXT vue подключить Firebase Admin (простой Firebase подключил успешно-это другое).
firebase.js
var admin =...
Конфигурация vue для yii2
vue.config.js
const path = require('path')
const webpack = require('webpack')
module.exports = {
outputDir: './../../web/app-vue',
publicPath: '/web/app-vue/',
filenameHashing: true
}
расширения для VSCode для Vue
Подскажите пожалуйста расширение для VSCode для автозаполнения синтаксиса Vue.
Подключение vuelidate vue3
добрый день. При установке плагина вылетает ошибка (прикрепляю 2 скриншота, т к я пробовала менять код и вижу такие возможные варианты). Установлена версия vue3, в проекте есть компонент, он работает...
Webpack Failed to load config в чем проблема не понятно
Доброго времени суток.
Решил наконец освоиться с фреймворками, в частности с Vue.js
Когда подключаю через тег, без всяких компиляций, пишу : все номрально.
Но это вроде как "неправильно"
...
Динамическая ссылка в Vue.js
Как реализовать в <a href=""></a>
Такую логику
<router-link to="/">
<b-navbar-brand class="mr-5">
<img src="@/assets/images/icons/logo-icon.svg"...
Vue-cli svg спрайты
Всем добрый вечер. Страдаю с svg sprite.
Есть обычный готовый svg спрайт, в html к обращаюсь так: sprite.svg#icon-something. Ничего нового, в обычной верстке на сервере все работает, но я в учебных...
Менять фон body?
<div id="app">
<input type="text" v-model="colorbg">
<button @click="colorBg">Change color!</button>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
var app=new Vue...
Значение по умолчанию, либо удаление select при выборе другого select
<el-form-item label="Тип оплаты" :label-width="formLabelWidth" prop="oplata" :rules=this.rules.oplata>
<el-select v-model="form.oplata" placeholder="Выберите тип оплаты"><br>
<el-option...
Дан инпут. Сделайте так, чтобы вводимый в инпут текст сразу выводился в абзаце под ним
Дан инпут. Сделайте так, чтобы вводимый в инпут текст сразу выводился в абзаце под ним.
Если возмножно можно на vue.
Изучение Vue.js
Здравствуйте.
В данный момент изучил основы JavaScript и сейчас изучаю библиотеку jQuery.
В jQuery присутствуют методы для выборки элементов, фиксации событий и действия.
Код методов jQuery короче...
Таблица из массива
здравствуйте, как сделать список из массива-есть пример в инете:
<div id="spisok_li_iz_massiva">
<ul><li v-for="item in items">{{ item }}</li></ul>
<script> let app = new...
Почему кнопка не работает?
Здравствуйте. Только начал изучать Vue.js. Возникла проблема с видимостью классов. Пытаюсь сделать 2 кнопки, которые показывают определенное содержимое.
<div class="container-left">
<button...
Стоит ли переходить на Vue.js 3?
Всем привет
А кто плотно работал с Vue.js 3?
У него есть перспектива ? Стоит ли переходить на него со 2й ветки?
Спасибо!
reverse in not a function VUEJS
Начинаю изуть vue с vuex. В методе getAllPosts консоль пишет что reverse is not a function. В чем проблема?
Ниже весь state.
actions: {
async fetchPosts(ctx){
const res =...
Подвисает приложение на vue.js
Всем првиет. Написал что-то подобии тех поддержки в игре. Но вот незадача, бывают подвисания этого приложения. приходится раз по 20 кликать на один из репортов от игрока чтобы репорт открылся. Как...
А как запустить сервер а-ля продакшн?
Ребят, а вот подскажите кое-что, я скачал примерчик для изучения на nuxt.
Прямо с https://ru.nuxtjs.org/examples
Когда стартую `run start`, то всё работает. Но из под редактора.
А сейчас я хочу...
Не могу понять почему в nuxt.js не работает asyncData и fetch
Код в mounted работает как должен, но fetch з аналогичным кодом не работает, с asyncData то же самое
export default {
async fetch({store}) {
if(store.getters.length === 0) {
...
Как оптимизировать сайт на vue и nuxt под Google PageSpeed Insights?
Всем привет. Разрабатываю сайт на вью и наксте. Сейчас поставлена задача оптимизировать сайт для того, что бы в гугл пейджспид показатели были не ниже 80 хотя бы. Перерыл поиск и как то ничего...
Появление при наведении отдельного елемента
У меня на сайте размещено множество картинок, при наведении на каждую появляется определенный блок (на каждой картинке разный). Как сделать подобный механизм на Vue?
Почему не работают @media без !important в однофайловом компоненте ?
Привет. Предположим, есть компонент на Vue -
<template>
<div class="mobile-capsule">
...
</div>
<div class="capsule">
...
</div>
Vuejs @scroll.passive
Решил освоить vuejs.
Вот тут https://v3.ru.vuejs.org/ru/guide/events.html#модификаторы-событии
<!-- по умолчанию событие scroll (при прокрутке) произойдёт -->
<!-- незамедлительно,...
Как сделать, чтобы число отображалось с разделителями?
Доброго времени суток, знатоки. Подскажите как сделать так, что бы число отражалось с разделителями. Вместо 1000 был 1.000
код песочницы тыц спасибо за помощь
изменений переменной
Как посчитать зп в данном случае, вот мой код, помогите пожалуйста!
ЗП считается по следующему алгоритму.
за основу берется базовая ставка, в зависимости от опыта
в зависимости от выбранного...
Преимущества Vuex actions
Помогите разобраться в чем необходимость actions в Vuex.
Для чего нужны мутации понятно. Это позволяет хранить глобальное состояние, отслеживать его изменение, а также обеспечить реактивность...
Как изменить поведение одного элемента в динамическом списке v-for
Всем привет!
Получаю с сервера динамический список с чекбоксом (checked по умолчанию). Например, мне нужно скопировать массив данных в другой массив. Но я хочу, чтобы один из элементов массива не...
Стоит ли использовать ESLint в vue/cli приложении?
Всем привет!
Имея опыт работы с Laravel 5 / vuejs 2 хочу освоить vue/cli
и сразу столкнулся что установленный с дефолтными установками ESLint очень усложняет жизнь
1) Поделитесь опытом стоит ли...
После обновления страницы массив очищается, как исправить?
Есть массив с данными:
const Json =
Когда я нажимаю на кнопку + у меня происходит вызов функции addPlus и в массиве в свойстве объекта value увеличивается значение с 0 до 1, с 1 до 2, с 2 до 3 и...
Vue.js как подключить дочернего компонента?
Добрый день.
Есть такой код:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Нужна подсказка с input в Vue.js
Изучаю Vue и есть один небольшой проект. Ситуация такова: есть главный компонент PannelSettings, у него дочерний компонент Document( в нём хранится разметка формы ввода информации, которая через...
Ошибка подключения vue-i18n
Всем привет!
Пробую подключить i18 для vue.js как описано тут
http://kazupon.github.io/vue-i18n/guide/started.html#html
установив пакет в resources/assets/js/app.js прописал :
import Vue...
Вывод даных с стороннего api в Vue
Здраствуйте. Я на днях решил изучить Vue и создать сайт.
Я делаю запрос к стороннему api банка по получению курса валют. Вот пример ответа:
Response Example
Вот сам запрос в компоненте...
App.vue “Module parse failed: Unexpected token (1:0)”
День добрый, такой вопрос. Делаю связку ASPNET. Core и Vue, при запуске приложения получаю вот такую хрень в логе:
ERROR in ./src/App.vue 1:0
Module parse failed: Unexpected token (1:0)
You...
Как убрать предупреждение в консоли браузера
Здравствуйте. Написал API на Laravel. SPA - VueJs 2
настроил proxy, CORS на бэкенде
все работает - авторизация sanctum - токены получает... без проблем
Но: в консоли браузера лезет такая...
При создании двух методов выбивает ошибку "Reference Error: say is not defined"
Как правильно переопределить say.
<body>
<div id="example-3">
<button v-on:click="say('hi')">Скажи hi</button>
<button v-on:click="say('what')">Скажи what</button>
<button...
Убрать свойство из style
Здравствуйте! Реализую адаптивность в проблемном компоненте.
Как в Vue.js получить вложенный элемент по порядку применения классов: .v-tabs > .v-tabs__wrapper > v-tabs__container для того чтобы...
VUE не перегружает страницу после изменения
Требуется только останавливать npm
и заново запускать
почему так?
V-model внутри v-html
Хочу хранить html в переменной, пример:
data: function() {
return {
my_html: '<input type="text" v-model="data"
}
}
И, соответственно, хочу получать в data то значение, которое...
Платежная кнопка сбербанк на vue
Сбербанк предлагает такое решение для добавления платежной кнопки. А есть ли у кого-то готовый пример на vue . Заранее спасибо.
<head>
<title>Тестовая страница</title>
<meta...
Фреймворк vue и недопонимание новичка
Годик не залазил по веб программированию. Еще тогда хотел научится на нем писать. вроде как сейчас популярная штука?)
Сейчас из него сделали злобнейший фреймворк.
- JavaScript умею обращатся...
Как правильно организовать передачу данных между компонентами для формы
Приветствую, у меня вопрос скорее к подходу.
Дано компонент с формой, где много различных полей. Часть полей таких как инпуты находятся в этом компоненте. Другая часть полей, например селекторы...
Компонент Vue.js, который выводит две кнопки разного цвета с разными текстами, например, “Да”, “Нет”
Подскажите как правильно сделайте компонент Vue.js, который выводит две кнопки разного цвета с разными текстами, например, “Да”, “Нет” ??? (Тексты передавайте как входные параметры.)
Меняется значение элемента с true на false, но не отрабатывается смена :disabled=true на :disabled=false
<button type="button" @click="buttonsClick(0)" :disabled="switcher" class="btn btn-dark">Первая кнопка</button>
<button type="button" @click="buttonsClick(1)" :disabled="switcher"...
Как получить item строки и индекс таблицы из списка таблиц?
Есть нетривиальная задачка которую уже который день не получается решить.
Vuejs + vuetify
Есть список таблиц (кол-во таблиц на странице от 1...N). Сами таблицы взял из примера документации к...
Обработка ошибки 404.
Здравствуйте, в приложении на клентской стороне есть запрос на сервер, который возвращает 404 ошибку. В запросе присутствует обработка ошибки - перенаправление. Запрос такого вида...
Ошибка vue js Error in v-on handler
Здравствуйте друзья!
Есть следующий фрагмент кода:
for (let i=0;i<=this.routesheet.length;i++){
this.timeTrailFact=this.timeTrailFact+this.routesheet
...
Почему при добавлении нового объекта в массив все значения у разных объектов одинаковые
<!-- Запись текста в объект и при нажатии на 'Enter' добавляется в массив -->
<input type="text" @input="taskText" @keypress.enter="addNewTask" class="create__list" placeholder="Create task">
...
Vue.js отрисовка дополнительного input при нажатии на кнопку. В чем моя ошибка?
Тренирую Vue js. Делаю добавление n+1 input по нажатию на button. Новый input появляется, но мгновенно исчезает, укажите на ошибку, помогите разобраться, пожалуйста.
<!doctype html>
<html...
Nuxt.js генерирует неправильный путь при деплое
Всем привет.
Я новичек в программировании(сам верстальщик) и у меня такая ситуация:
Перед деплоем проекта я имею следующие пути к картинкам:
1) Внутри CSS:
https://i.stack.**********/ZbPp5.jpg...
Ошибка при создании сервера
Добрый день!при вводе команды npm run dev возникает ошибка:
C:\Users\...\project\node_modules\webpack-dev-middleware\lib\context.js:95
...
Nuxt сессии
Коллеги, добрый день!
Помогите сохранить сессию в nuxtjs.
Не сохраняется зараза. ((
Вывод значка загрузки перед тем как данные начнут обрабатываться и отрендерятся
Здравствуйте Уважаемые форумчане!
Надеюсь подскажите советом или в какую сторону копать. Поисковик перерыл, возможно конечно что я не правильно формулирую вопрос.
Ситуация следующая.
Есть...
Выбор в теге select значения из бд
Здравствуйте, в select я загружаю значения из БД. Но как чтобы при загрузке страницы он это значение отображал?
<select v-model="selected">
<option disabled value=''>Выберите услугу...
Как заставить работать вместе компоненты таблицы и пагинации из библиотеки element
Добрый вечер!
Я в js и в vue - пока только новичок. Интенсивно осваиваю все на практике, на реальном проекте.
Проблема вот в чем: я поставила на сайт таблицу из библиотеки element -...
Vue js props, данные из parent в child
уважаемые, не могу сделать, что бы работало :S
смотрю примеры в интернете, у них работает
<div id="main" class="pr z0 disf fdc fjcc faic">
<div id="app">
<test></test>
</div>
</div>
Ошибка подключения библиотеки "Не удалось найти файл"
В проекте на Vue3, без использования TS, пытаюсь подключить библиотеку @zapadale/vue3-confirm-dialog. Через NPM устанавливаю данную библиотеку, подключаю в App.vue
import Vue3ConfirmDialog from...
Как подружить vue с сайтом на пхп?
Как подружить ? Если без ларавель, если свой движок. При учете что будут юзаться разные сторонние модули вуе и без вебпакства здесь не обойдешься.
Форматирование в vue
мне нравится такое форматирование в vue! оно шикарно!
form.form-horizontal(@submit="submitForm")
.form-group
.col-3
label.form-label Title
.col-9
...
Вызов методов компонента, обращение к публичным свойствам
Есть какой-то компонент (Other.vue):<script setup lang="ts">
let data: string;
defineExpose({
setData
})
function setData(newData: string) {
data = newData;
Изменение цвета кнопки при нажатии на нее
Есть 3 кнопки, необходимо, чтобы при нажатии на определенную кнопкуее цвет менялся, пробовал сделать так но меняются цвет всех кнопок:
<div class="buttons">
<button :class='active ?...
Таблица с закрепленной шапкой и первыми столбцами
Можно ли на Vue.js сделать таблицу с закрепленной шапкой и несколькими столбцами. Этот вопрос уже поднимал, но в разделе JS, было предложено решение...
Динамический График
Я хочу чтобы из значений, которые получаются из input они переносились в круговую диаграмму ну и обновлялись каждый новый ввод. Но вообще не понимаю как нужно связать переменные в dataset и как...
Как получить данные из JSON и сравнить их с данными со страницы?
Добрый день, пожалуйста, скажите мне. Я написал календарь, и теперь у меня есть файл json, в котором содержится информация о событиях, я хочу, чтобы название события и тип события отображались в...
vue nuxt статический хостинг
Добрый день. Подскажите, хочу набраться опыта, для этого решил сделать блог на vue (spa приложение). без бэкэнда. использую fireBase для сохранения редактирования постов и авторизации. vuex для...
Анимация нескольких компонентов
Доброго времени суток!
Столкнулся со следующей проблемы: Во VueJS как я понял имеется несколько способов анимирования:
<transition> для строго одного компонента, <transition-group> для нескольких...
Изменить поведение событий по return false
Можно ли как то повлиять на стандартное поведение при обработке событий, чтоб когда в обработчике события делаешь return false, вызывалось e.preventDefault() e.stopPropagation()
Про модификаторы...
Получение куков в Axios
Здравствуйте, мне нужно чтобы из куков можно было взять информацию и передать во фронтенд чтобы скрывались и отображались некоторые блоки на странице. Вот как я устанавливаю куки:
<?php...
Vue.js Выводит пустые строки из массива
Добрый день!
Обыкновенный вывод данных из массива на Vue.
Если запустить чисто этот код(ниже) в html - все работает правильно.
В проекте на TARS(gulp) этот код выводит пустые теги, без данных....
Как установить headers в axios в Vue?
В проекте использую Vue3 composition + typescript + Pinia
есть файл с логикой авторизации
import axios from "axios";
import { useAuthStore } from "../store/auth";
export default function ()...
Vue, не работает v-for с обычными свойствами!? :/
Подскажите в чем проблема кода? не могу понять, почему свойства не работают в v-for(пример x2) выдает предупреждение от Vue,
: Property or method "x2" is not defined on the instance but referenced...
Как запретить удаление первых символов в input?
Пробовал этот код, но он не работает.
<input
v-model="loginForm.props.phone"
@blur="loginForm.controls.phone.markAsDirty()"
id="phone"
name="phone"
type="text"
...
Скрыть-показать подменю
Привет.
<ul >
<li v-for="item in menu" :key='item' >
<a :id="item.id" href="javascript:void(0)" @click="getMenu($event,item.menu_id,item.id)">{{item}}</a>
<ul v-if="item.menu_id==el?show:''"...
Как показать определенный блок 'div' столько раз, сколько указывает условие цикла?
Подскажите, как решить такую проблему. Я написал календарь, который показывает события, взятые из файла JSON, в дни когда они должны происходить. И сейчас я пытаюсь сделать детальное отображение...
Как правильно реализовать на vue js модуль или плагин, реализующий некоторое "стандарное" поведение для полей ввода?
Как правильно реализовать на vue js модуль или плагин, реализующий некоторое "стандарное" поведение для полей ввода?
Здравствуйте! Пытаюсь изучать vuejs, для простых вещей всё довольно понятно....
Передача в компонент и возврат
Привет ребят. Только взялся за компоненты, помогите собрать в кучу.
В компонент передаю id вот так.
<td><otdel nom=@item.id_otdel></otdel></td>
Vue.component('otdel' , {
props: ,
template :...
Динамическая загрузка изображений
Доброго времени суток. Пытаюсь динамически вывести изображения из папок, если писать :src="require('../../assets/ArtistsImg/test1/1.jpg') то всё работает, но через js никак не выходит.
Пытался как...
refs в компонентах vue.js
В тексте кода ниже такая проблема: console.log(this.$root.$refs.products) возвращает undefined, хотя должен возвращать другой компонент. Хотя console.log(this.$root.$refs) возвращает объект, который...
Error: Request failed with status code 422 at createError at settle at XMLHttpRequest.handleLoad
Не могу понять как исправить ошибку Error: Request failed with status code 422 at createError at settle at XMLHttpRequest.handleLoad
Если отправлять данные через Postman то данные записываются в...
Подскажите CMS на Vue для сайта объявлений (классификатор)
Подскажите хороший CMS для сайта платных/бесплатных объявлений типа classified ads
Back-end может быть на PHP или Node.js
Нашел mendelmangroup.com, но сырой очень
Выпадающий список label vue.js
никак не могу найти в документации, возможно ли как-то обозначить тег label ?
<el-form-item label="Тип оплаты" :label-width="formLabelWidth" prop="oplata" :rules=this.rules.oplata>
<el-select...
Загрузка Vue CLI проекта на GitHub
Есть некоторый репозиторий на GitHub(платформа Node.js). Подскажите пожалуйста, что нужно сделать чтобы Git Pages не показывал сдедующий результат?:
ЧПУ на nuxt.js
Каким образом можно реализовать чпу на нюксте? Я вывожу страницы по айди и в урле выводится сам айдишник. Каким образом я могу изменить это и выводить тайтл в чпу форме?
Тематика <script setup>: импорт компонента
Всем привет, если использовать <script setup> вместо обычного <script>, то каким образом тогда компонент экспортируется? Или в таком случае компонент не предназначен для экспорта - он может только...
Vue js без инета
здравствуйте, я правильно понимаю, что если приложение должно работать без инета, то подключать vue js нужно не строкой
<script src="https://unpkg.com/vue@next"></script>
а зайти на...
Nuxt.js import only client side- как сделать import только на клиенте?
в компонент импортирую пакет
import tinkoff from '@tcb-web/create-credit'
(только импорт, никаких "телодвижений" с объектом tinkoff не производится)
при открытии страницы серверный рендеринг...
Не выводится тестовый компонент Vue
Я пытаюсь начать использовать Vue в проекте Laravel, но что-то идёт не так.
app.blade.php
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
...
Постепенный переход с MVC на SPA
Есть проект, написанный на PHP-фреймворке. Он достаточно большой (более 20 контроллеров и более 100 вьюшек). В некоторые страницы уже внедрён Vue.
Но переписать весь проект одним махом в виде SPA не...
Каждый раз при нажатии кнопки элемент p должен иметь случайный цвет фона
Complete the Vue.js code. Each time the button is clicked, the p element should be given a random background color.
Keyword: Vue.js, single file components
Заполните код Vue.js. Каждый раз при...
Vue.js NUXT HTTP 502 при большом app.js
Добрый день. Методом втыка обнаружили что если файл сборки получаеться больше 8мб, то с ервер врзвращает 502 ошибку. При этом непонятно из-за чего т.к. логи пустые (ну или голова у админа пустая)....
Организовать сложную структуру таблицы
Всем привет, пытаюсь организовать сложную структуру таблицы.
<template>
<div>
<b-table striped hover :items="items" :fields="fields"></b-table>
</div>
</template>
Дождаться выполнение функцию заполнения массива
Всем привет.
Столкнулся с проблемой.
Есть функция, которая заполняет массив, когда заполнится, нужно выполнить функцию export.
Как можно дождаться выполнения функции, заполнения массива...
Vue.js не видит пути из vue.config.js
Здравствуйте. Пытаюсь сделать многостраничное приложение. Следую инструкции для Vue.js 3, сделал файл vue.config.js в корне проекта:
module.exports = {
pages: {
'login': {
...
Табы с кнопками вперед/назад
Добрый день! Подскажите, с помощью каких плагинов для Vue лучше всего реализовать подобный виджет? Конкретно не пойму, как сделать табы со стрелками вперед/назад
...
Делать запрос на сервер с URL + params (fetch)
Здравствуйте дорогие Друзья!
Как передавать мне запрос на сервер
генерирую URL я тем что передаю в него params
Мой компонент
<template>
<div>
Как переписать код на VUE CLI?
Здравствуйте, уважаемые программисты!
Я так понял, что api пишется на PHP и далее обращаемся к этому файлу через Java Script. Теперь хочу переписать свой код на VUE CLI и столкнулся с проблемой, что...
watch не видит изменений в модели
Всем доброго времени суток.
Столкнулся с проблемой.
Есть задача. Нужно сделать что-то блога\новостной ленты.
Часть постов грузится с jsonplaceholder по кнопке и ручное создание постов также...
Почему рендерятся дубли при асинхронном выполнении mounted()?
Здравствуйте! Почему-то объекты дублируются? БД нормализована.
mounted() {
fetch(this.$parent.$parent.apiUrl + "/objects")
.then((res) => res.ok && res.json())
...
Не могу разместить один компонент несколько раз в другом (Корректно работает только один)
Есть компонент кастомного Select, но при попытке поместить 3 таких на страницу с разными параметрами, корректно работает только один:
<template>
<div class="v-select">
<form>
...
v-model в зависимости от условия
Есть метод, который возвращает true или false:
canEdit() {
if (this.$route.params.edit === "edit") {
return true;
}
},
Как мне сделать так, чтобы в атрибуте...
Nuxt JS, Express
Всем добрейший вечерочек. Я начал разбираться с nuxt, по видеоурокам, и уперся в одну неприятность, на видеоуроках при установке nuxt у сансея было предложено нужно ли устанавливать express.. и тогда...
SelectKinds is not a function
Всем привет.
Я новичок во Vue.js, поэтому столкнулся с проблемой. У меня есть объект, который содержит еще несколько объектов, и мне нужно выбрать только некоторые из них, поместить их в массив,...
Проблема с Vue.j: Vuetify is not properly initialized
Добрый день
При попытке запустить фронт выдает ошибки:
: Error in beforeCreate hook: "Error: Vuetify is not properly initialized, see...
Как создать 2 фильтра данных, по булеву типу и выпадающему списку?
Перебираю данные сотрудников в цикле и вывожу в таблице.У них есть два свойства.Один по булеву типу (сотрудник либо в архиве, либо нет),второй по должности.Как отфильтровать сотрудников в выпадающем...
Нужно переделать на Vue школьный таймер уроков
https://js.do/code/381530
<div id = 'show'></div>
<div id = 'Lessontimer_time2'></div>
function table() {
var c =
Как использовать директиву V-Click-Outside?
У меня есть компонент, который находится внутри другого компонента.
Т.е. есть компонент-родитель и элемент-потомок.
Внутри компонента-потомка есть кнопка меню, по нажатию на которую открывается...
Не работает изменение переменной при нажатии на кнопку
Отправляю в компонент данные так
<item-news
v-for="n in news"
v-bind:key="n.id"
v-bind:title="n.title"
v-bind:id="n.id"
v-bind:is-open="n.isOpen"
...
Нужен ли SSL для безопасности аутентификации с JWT?
Фронт на Vue.js. Backend на php.
Нужен ли SSL для безопасности аутентификации с JWT?
Нужна ли защита от CSRF если есть jwt?
obj.value.replace(/[^0-9]+/g, "");
Здраствуйте, столкнулся с проблемой замены значения. Тоесть нужно разрешить ввод только цифр в input
К примеру на js
<input type="text" onKeyDown="toNumber(this)" onKeyUp="toNumber(this)">...
V-for select tag создает пустые элементы
Добрый день!
Имеется файл компонента:
<template >
<div>
<span>{{seltitle}}</span>
<select :name="selname">
<option v-for="option in options"...
Vue js объединить два запроса
Привет всем, как объединить два запроса (get и post) в одной функции и из первого запроса, вставить данные во второй?
По нажатию кнопки выполняется две функции, во второй нужно объединить два...
Как во Vuetify carousel сделать автоматическую высоту под адаптивные картинки?
Дано: Vuetify carousel.Адаптивные картинки v-img.
Ширина carousel 100%, а высота указывается в пикселях.На разных экранах высота carousel и картинок расходится, оставляя в carousel пустое место.Если...
Передача строки категории товара в другой компонент
Здравствуйте, хочу при нажатии на категорию товара передавались данные из catalog.vue в tovar.vue.
catalog.vue
<template>
<div class="root">
<div class="title">Выберите категорию</div>
...
Установка и запуск vue-cli
Здравствуйте, после установки через vue-cli не запускает сервер, выдает следующую ошибку.
Module build failed (from ./node_modules/eslint-loader/index.js):
Error: Cannot find module...
Добавление ручного ввода для kendo daterangepicker
Доброе время суток!
Столкнулся с проблемой добавления ручного ввода для kendo daterangepicker (задание промежутка даты с календарем).
Задача в том, чтоб стало возможно вставить свою дату...
Как перенести текст в input value
<h3 class="cart-item-title" id="tovar-name">БП Gigamax 750w Broze -Plus</h3>
<div class="form-items">
<label for="Form_name"...
Скрытие формы при клике мимо. Выбор правильного решения
Друзья, привет!
Есть небольшая тудушка:
https://codepen.io/ivanteterichev/pen/ZdNBWO
При клике на задачу всплывает форма редактирования. По кнопке "Сохранить" нужно все сохранять, а при клике...
Ошибка с ownerId при добавлении объявления в SPA - как исправить?
"dependencies": {
"firebase": "^6.6.1",
"vue": "^2.5.2",
"vue-router": "^3.0.1",
"vuetify": "^1.0.0",
"vuex": "^3.1.1"
В firebase использую Realtime Database.
В...
Vue.js как убрать выбранный radio вторым нажатием
Здравствуйте, подскажите пожалуйста :
Интересует такой вопрос. Как вторым кликом по по радио убрать выделенную позицию radio
Вот мой код:
var app = new Vue({
el: '.app',
...
Vue template и webpack
Здраствуйте, обьеденить шаблоны в .vue в страницу но при компиляции webpack.config.js выдает ошибку:
TypeError: loaderContext.emitError is not a function
вот настройки конфигуратора:
const...
Показать +10 новых товаров
Как реализовать работу кнопки Show More - показать больше товаров тоесть +10 товаров
<button v-for="item in pagelinksArr" @click="sendRequest(item.label)">{{ item.label }}</button>
<div...
Как в vuetify сделать таблице с пагинацией с кнопками(через сервер)?
Я сложил примеры из документации, однако оно не работает - не показывает кнопки страниц, хотя количество идентифицируется после пост запроса. п.с event next у пагинатор потом сделаю
<template>
...
Html страница с урлом и прочими атрибутами на vue js
Приветствую! Есть сайт, на чистом html
админку (rest api) слышал, можно сделать на django
vue js - подключаться по api
сайт состоит из более чем 300 страниц (на каждый запрос) + мне...
Как переделать и отобразить js код на Vue?
Добрый день, пытался сделать календарь на Vue.js, но не получилось, но я смог его написать на чистом js. Хочу переделать и отобразить его на Vue js, помогите мне это реализовать.
Вот мой код js: ...
Не вызываются геттеры из store
Изучаю vue и vuex, для быстрого старта взял quasar, из коробки там используются модули в store.
Пытаюсь в компоненте получить результат геттера
<template>
<div>
<q-badge...
Как отображать разные страницы в одном динамическом роуте? Nuxt
Что-то не могу найти в документации информации, как отображать в одном динамическом роуте разные страницы. У меня есть в папке pages/ динамический файл _slug.vue. я хотел бы, чтобы при запросе...
В vue.js на клиенте сравнить null и пустую строку
Всем привет,
Работая я Laravel5.5/vue.js в темплейте при заполнении select-инпута у меня первый выбор пустой элемент.
<select id="task_id" v-model="userChat.task_id" class="form-control">
...
Массив: Приложение по составлению списков товаров для дальнейшей работы с этим списком
Всем добрый день.
Недавно начал изучать Vue.js. Фреймворк очень понравился.
На данный момент создаю приложение по составлению списков товаров для дальнейшей работы с этим списком.
Данные по...
"vue" не является внутренней или внешней командой, исполняемой программой или пакетным файлом
здравствуйте, чтобы не получать сообщение
после ввода в командной строке: quasar init my-project
Running command: vue init 'quasarframework/quasar-starter-kit' my-project
"vue" не является...
@click="foo(event.target)" передать указатель елемента через событие
Здраствуйте, скажите пожалуйста как передать указатель на событие vue cli.
тоесть есделать так
<div @click="foo(event.target)"></div>
foo(target){
alert(target)}
Получения данные по выборе checkbox ?
Здравствуйте нужно релизовать с 2 чекбоксами на города - Kiev, Odessa (при выборе на чекбокс передавать метод в обьект params)
По дефолту выводить первые 10 обьектов ... У меня сейчас работает...
Найти обьект по текущему id
Как найти по id (this.getCurrentStudentId) тот обьект у которого id совпавдает с getCurrentStudentId Вот структура данных
students: ,
,
,
],
this.getAllStudentsList - это мой students...
При перезагрузке контекстной страницы (в которую передаю параметры) содержимое пропадает
Здравствуйте, столкнулся с такой проблемой, создал страницу товара на которую производится переход из начальной, при первом переходе все нормально, но если перезагрузить страницу или попробовать...
Не могу собрать приложение Vue
На стартовой странице сайта:
The Mix manifest does not exist. (View: /home/users/a/igor/domains/mysite.ru/Laravel5/resources/views/spa.blade.php)
При сборке приложения, командой npm run watch...
Передать значение из компонента в html в общий обработчик vue js
Пример:
<div id="demo">
<show_list v-bind:localKey="1"></show_list>
<!-- много много еще -->
<show_list v-bind:localKey="1000"></show_list>
</div>
Время в 24 часовом формате
Здравствуйте как сделать чтобы время показывало к примеру 5 дн 24 ч. 12 м. 0с.?
startTimer()
{
this.timer = setInterval(() => {
let dateNow = new Date()...
Где находится html код , который генерирует js
Здравствуйте , возник вопрос касательного того , где находится html код , который формирует js, то есть у меня есть блок , который может добавлять новые блоки на сайт, в которые в свою очередь можно...
Что такое router-view и как его переделать на nuxt ?
Дали задачку перенести сайт с vue на nuxt
Теперь подробнее.
Есть у нас сайт написанный на vueJS но он,естественно, не индексируется. И надо решить эту проблему, решаем с помощью nuxt
Но вот я...
Не сохраняются куки Nuxt.js
Здравствуйте, есть код:
<?php
header("Access-Control-Allow-Origin: http://localhost:3000");
header("Access-Control-Allow-Headers: Content-Type");
header('Content-type: application/json');...
veulidate 2 динамический v-model через цикл
Добрый день. Я хочу сделать динамический v-model,когда инпуты выводятся через цикл , а его значение берется из массива. Если точнее, то name из отрывка внизу заменить на item.valName, чтобы...
Как сделать плавную прокрутку по якорям на Vue
Здравствуйте, помогите сделать плавную прокрутку по якорям на vue.js
Или как перенести рабочий для этого скрипт на js во vue
Сохранение на сервере файла
<div class="ml-3 mt-3 mr-3">
<input type="file" id="file" name="photo" ref="file" v-on:change="handleFileUpload()"/>
</div>
по выбору файла я хочу отправить...
Как переделать пример под VUEX?
На официальном сайте VUEX есть такой пример
Я пытаюсь переделать его что бы он работал через VUEX. Сейчас у меня при нажатии на кнопку "add item" Добавляются новые блоки, но не передаётся текст...
Как добавить чекбокс, чтобы при выключенном чекбоксе скрывались кнопки?
Подскажите как правильно добавь чекбокс , что бы при выключенном чекбоксе скрывались кнопки?
Общая логика компонентов
Где вы храните методы/ф-ции компонетов, которые частично используют одну и ту же логику, vuex, отдельный файл или еще что?
Например форматирование древовидного списка для компонента vuetify...
input и v-model поместить НЕ рядом
подскажите пожалуйста как сделать если метку и инпут нужно разбросать по странице?
сейчас у меня так:
<div class="sample"><input type="text" v-model="lbl2">
...
Ошибка Component name "Footer" should always be multi-word
Добрый день, при добавлении на страницу компонента Footer появилась ошибка
.
При том что когда я создал компонент Header аналогичный футеру, ошибки не появилось.
Код футера
<template>
<footer...
Обновление элемента с v-for
Здравствуйте, начал пробовать vuejs и не могу понять как обновить элемент.
Есть элемент с v-for
<div class="mp-item" v-for="mp in events">
<div class="gray-block">
...
Не отображаются компоненты
Доброго времени суток, прошу, пожалуйста, помочь с проблемой. Почему-то не отображаются компоненты, если в router.js добавить mode: 'history'.
router.js:
import VueRouter from 'vue-router'
...
Проблема с рендером компонента Vue-CLI
Здравствуйте. Вобщем, проблема такая. Сайт - интернет магазин кальянных принадлежностей. Дело в том, что когда я из каталога перехожу на страницу самого продукта, а потом кнопкой назад браузера...
Ошибки при работе с Vue.js
Добрый день!
Подскажите почему появляются ошибки при работе с Vue.js
Скриншот во вложении.
Cannot read property 'fName' of undefined
Хочу вывести список пользователей, но когда кручу объект в for loop и записываю в переменную бьет:
Cannot read property 'fName' of undefined
async asyncData(){
const users = await...
Отображение модуля Vue (+ Vuetify)
Доброго времени суток!
Имеется старая админка с сайдбаром. Сейчас начал переделывать небольшие её части на Vue (+ Vuetify). До этого эти модули были сделаны на JS. Приложение отрисовывается с...
Как правильно организовать spa с авторизацией?
Как правильно организовать spa с авторизацией?
Сначала я хотел делать запрос в App родительском компоненте в created, но если спа уже есть и юзер переходит на страницу компонента, а его забанили),...
Как вывести variant_id из моей ссылки?
Подскажите как вывести значение variant_id= из ссылки
пример ссылки : http://mysite.ru/link?variant_id=196388417
Но нужно именно в vueJS, так как вывести нужно без div=id, а в формате {{ proid...
Не отрисовываются линии на сцене карты на THREE
map.addLayer({
id: '3d-flight-path',
type: 'custom',
renderingMode: '3d',
onAdd(map, gl) {
...
Управление массивами, Vue.set()
Здравствуйте!
Подскажите, можно ли как то передать и индекс(index), и значение(value) и изменяемого элемента <input type="text" v-on:input=changevalue> в Vue.set(this.phones, ?????, e.target.value)...
Подключение Google Maps API
Добрый день!
Необходимо написать компонент Vue для работы с картами. На данный момент требуется реализовать функционал для работы с google картами. Такой вопрос можно ли при подключении google...
Проблема Unused parameter reject
не выводит таблицу пишет проблему "не выводит таблицу
<template>
<v-data-table
:headers="headers"
:items="desserts"
:options.sync="options"
...
Vue js передача данных в шаблон
у меня очень простой вопрос
<div id="price" class="w100p">
<price_row>какие то данные</price_row>
</div>
// регистрация
Vue.component('price_row', {
После установки различных версий vue-cli постоянно сыпятся ошибки
Здравствуйте.
Изучаю vue2, смотрел различные совместимости, начал экспериментировать, ставил различные версии vue-cli, vue-route, может быть что-то ещё. Теперь после запуска npm run serve в консоль...
VueCalculator с простым калькулятором из двух полей ввода операндов и выбора оператора радио-кнопками
Требуется создать Vue приложение с простым калькулятором из двух полей ввода операндов и выбора оператора радио-кнопками. В калькуляторе всегда должно отображаться текущее значение выражения и...
Vue run dev
не запускается проект, пишет ошибку
ERROR Failed to compile with 2 errors ...
Виджеты и vue js
Доброго дня! Подцепил vue к фронту, все вроде как успешно, но проблема с виджетами, с тем же DepDrop, vue никак не реагирует на события. при отправке через axios нет данных только по виджетам. Ребят,...
Ошибка Pinia
Установил Pinia как положено через npm install pinia.
Затем зарегистрировал вот так:
import { createApp } from "vue";
import { creatPinia } from "pinia";
import App from "./App.vue";
import...
Кнопка счётчик CounterButtonApp
Требуется создать приложение с кнопкой счётчиком. При клике на кнопку число в ней должно увеличиваться на 1.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
...
Указание начального значения в тэге time html с использованием v-model
В документации указывается
v-model игнорирует начальное значение атрибутов value, checked или selected на любых элементах форм. Данные экземпляра Vue всегда считаются источником истины. Начальное...
Загрузка изображений с сайта
Доброго времени суток! Подскажите как можно загрузить с сайта фотографии в свою галерею?
необходимо дописать метод
load() {
// напишите ваш код здесь
...
Vue CLI vs Nuxt.js
Только начинаю к этой теме подбираться, и вопрос такой что лучше изучить: Vue CLI или Nuxt.js? Они вроде как во многом пересекаются?
Webpack watch перестал пересобирать проект после изменений
Доброго времени суток, форумчане.
Случилась очередная беда.
Работаю как обычно в vscode проект на Vue.js сборщик webpack + babel
До недавнего времени все было нормально, но вчера заметил одну...
Маршрутизация nuxt
Добрый день, коллеги.
Я не силён в vue/nuxt, в основном работаю с бакенд, поэтому прошу помощи, вчера весь день крутился на месте, но так и не нашёл решения.
Nuxt v 2.15.7
Есть автоматическая...
Метод класса
Всем привет! Столкнулся со следующей проблемой:
Есть класс, с методом addTodo
export default class Note extends Object {
constructor(options) {
if (!options) options = {}
...
Почему localStorage работает только для 1-го или 2х элементов?
Необходимо, чтобы по клику на кнопку вызывалась функция addPlus или addMinus и она меняла значение объекта value на +1 или на -1, но итоговое значение value не может быть меньше 0.
Для этого я...
Просто ничего не работает
Решил посмотреть что за зверь такой, так вот просто ничего не работает :(
вот index
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue Test</title>
...
Как используя Node.js и Vue.js создать SPA?
Всем привет!
Есть сайт, на нём меню. User жмёт на кнопку в меню (к примеру Блог) и без перезагрузки страницы получает список постов из бд, но при этом сайт нормально индексируется SEO.
Как решить...
Не работает Vue.use(Vuex) в файле store.ts, как исправить?
Здравствуйте.
Делаю проект на Vue 3 и TS.
Есть файл store.ts
В нем следующий код:
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
Проблема с выводом количества элементов
Приветствую!
У меня 8 элементов в массиве, но выводит только 7 по итогу.
Смысл такой, если осталось для вывода элементов меньше чем в seeToUser то показать сколько осталось. Я это пытался...
Радиокнопки в вью
здравствуйте, код:
<div id="radio11">
<input type="radio" value="Tom11" v-model="user"><label>Tom11</label><br>
<input type="radio" value="Bob11" v-model="user"><label>Bob11</label><br>
...
Vue.js первый проект
осваиваю фреимфорк во по этому примеру
https://www.youtube.com/watch?v=gcFgeyB6SQc&list=PLD-piGJ3Dtl0C2gVy-_vZoxYRFWRwUvWL&index=2
скопировал html из примера подключил bootstrap и vue.js ошибок...
v-if
есть такой компонент, просто поле ввода и кнопка "Отправить"
файл EditDataUser.vue, дочерний
<template>
<div class="edit-wrapper">
<div class="edit-item">
<input type="text"...
vue 3. Как использовать метод из миксина с параметрами в компоненте vue по нажатию на кнопку?
Как вызвать метод query в компонент при клике на кнопку Subscribe
axiosMixin.js
const axios = require('axios');
Дописать скрипт в проекте-задании
Здравствуйте! Помогите, пожалуйста, дописать скрипт в computed (заполнить пропуски).
computed: {
json() {
return JSON.stringify('___');
}
},
/*_____*/ created() {
...
Несколько методов в @click
как в @click="" поместить 2 и более методов?
Как засунуть div в div?
Всем привет.
Вот представим что у вас есть на дизайне некий div, таких-же div - много, они идентичны по внешнему виду, вот только условие, что последующие div должны лежать внутри
<div...
Хранилище, клиент-сервер
Здравствуйте коллеги.
на третьи сутки до меня дошло.
Хранилище на клиенте и хранилище на сервере
Хранят разные значения
Когда я выполняю commit на клиенте
На Server ничего не попадает.
На каком этапе проверять авторизацию пользователя в админке (Nuxt)
Добрый вечер коллеги!
Недавно начал изучать фреймворки Vue, Nuxt
Леплю свой первый самокат.
В целом я разобрался с Vue( для browser) и он мне очень понравился.
Но сейчас я работаю с Nuxt...
Скрыть элемент
Если left 0 то кнопка display: none
иначе у кнопки display block
как прописать ?
Как добавить в проект плагин?
Добрый ночи, долго не могу понять почему нету результата с подключением плагина, подскажите где я допустил ошибку:
App.vue:
<script>
export default {
components: {
StarRating
}
}
Vue js доступ к методам и свойствам верхнего шаблона
у меня есть шаблон, внутри которого ещё шаблон
Главный шаблон
<script type="text/x-template" id="listTableTemplate">
<ul>
<li v-for="(list, index) in lists" v-if="index > 0">
{{...
Реализация авторизации
В компоненте есть хук
beforeCreate () {
this.$store.dispatch('user/login')
}
Логика action - получить токен из кукисов и сделать запрос на сервер для его проверки. Если токен пустой...
Vuetify - Не сжимается основная область страницы при раскрытии navigation drawer
Здравствуйте!
Область навигации накладывается на основной контент, а нужно, чтобы она его "сжимала", как в примере по ссылке. Если убрать temporary - работает, но при клике вне навигации, она не...
Вывод массива картинок
Здравствуйте, хочу сделать вывод картинок на сайте через vue.js, но не получается
<ul id="photos_container">
<div v-for="item in items" :key="item.photo">
{{ item.photo }}
</div>
</ul>
Изменение props из потомка в родительском
Допустим есть какой-нибудь общий родитель, в котором я храню массивы с данными и оттуда уже их распределяю по потомкам через Provide / inject.
Но если нужно будет внести изменения в один из...
Middleware проверка токена
Коллеги, добрый вечер.
Уже начинает подташнивать от перечитанных примеров для авторизации в nuxtjs.
Не одного реального примера.
Что-то типа:
...
Vue warn: Hydration children mismatch in <div>: server rendered element contains more child nodes than client vdom
Здравствуйте. Делаю проект на Nuxt 3 + pinia. Когда пропустил данные через AsyncData , начал получать ошибку гидрации на разных страницах.
Ошибка возникает в футере и к примеру на...
Реализация fitBounds во Vue3
Коллеги, доброго всем здравия!
Помогите реализовать fitBounds во vue3
Надо чтобы при клике, на карте зумился объект, координаты которого были переданы в fitBounds
Во vue2 реализовывалось через ref...
Как передать имя свойства обекта
Подскажите пожалуйста как во вью подставить имя свойства вместо 'element' + index. element + index это имя свойства в цикле. Знаю что в JS можно так let element = 'element' + index; selected =...
Laravel + Vue непонятная ситуация
Здравствуйте, возникла необходимость изучить и начать пользовать фреймворком laravel, при малейшем использовании vue
<div id="app">
<p>{{ message }}</p>
</div>
...
VueJS. Редактор Markdown.
Нужно реализовать функциональность просмотра и редактирования markdown документов с возможностью хранения их на сервере. Проблема в том, что при использовании {{ input | md }} написанное в textarea,...
Как создать файл json на vue
Делаю небольшое приложение на Vue, беру с файла .json некую базу, вывожу на страницу и меняю где нужно значение, получается уже новый json object, как я могу записать в новый файл .json этот объект...
Реализовать динамический прогресс бар (vue.js)
Как реализовать такой градиент?
Вот что у меня получилось
codepen.io/vitalikdark/pen/xxgQrVQ
svg code
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240"...
Vuejs / vuex с большим массивом данных
Всем привет,
Разбираясь с vuex(laravel 5.7 / Vuejs 2.6 / "vuex": "^3.1.0"), не нашел в мануалах ответов на некоторые вопросы и основной
прежде всего непонятки с большим обьемом данных в...
Как настроить vue.config.js для работы с autoprefixer?
Написано, что (Vue-3)
Плагин autoprefixer включён по умолчанию. Чтобы определить целевые браузеры используйте поле browserslist в файле package.json.
Но у меня он почему-то не работает - на flex...
Vue.js после ajax
Всем привет! Есть страница, где с помощью Vue.js создается определенный контент. В коде есть вот это:
<colors v-bind:chunks="array_chunk(colors, 3)"></colors>
Сейчас кое-что изменилось, и этот...
Как настроить vue-cli под прокси?
Пытаюсь установить vue
vue init webpack-simple
vue-cli · Failed to download repo vuejs-templates/webpack-simple: tunneling socket could not be established, statusCode=407
vue и axios + api
Здравствуйте. Я тут пробую на вкус vue в связке с laravel. Я пытаюсь сделать по примеру, получение валют одного банка через апишку. Не могу понять что делаю не так:
вот компонент example component,...
Создать приложение, которое выводит заголовок митапа по ID при переключении радио-кнопки
Требуется создать Vue приложение, которое выводит заголовок митапа по ID.
1) Выведите 5 радио-кнопок выбора митапа с числами от 1 до 5;
2) При выборе митапа получите данные митапа по ID функцией...
Разное поведение текстового Инпута
Здравствуйте.
Вот пример.
<section id="app">
<div>
<h3>Без компонента</h3>
<input type="text" id="name" class="form-control" name="name"...
Парсинг JSON
День добрый, такая вот проблема, не так давно познакомился с фронтом и появилась такая обычная казалось бы задачка, но айкью не очень то и хватает, нужна помощь. Если в кратце, имеется JSON который...
Не срабатывает обработчик отправки формы.
возникает ошибка, есть форма, её задал обработчик
<form class="form-inline mb-3" @sudmit.prevent="createArticle">
код обработки
import Vue from...
Отображение pdf (spring boot + vue.js)
Здравствуйте.
Несколько дней пытаюсь решить проблему отображения pdf во Vue.js. Установил vue-pdf в package.json. Дело в том, что я собираю модули через webpack. И на localhost:8080 все...
Пример использования микросервисной архитектуры в Vue js + laravel
Собираюсь делать проект с микросервисной архитектурой на vue js + laravel, хотелось бы увидеть статей или примеров на гите :)
Монолит уже делал собирая все в докере, теперь хочется попробовать...
После как сделать динамически добавленный тег тегом а не текстом
Привет
У меня в SPA динамически меняются посты, в зависимости от выбранных пользователем фильтров.
Для удобства я хотел подсветить в тексте поста часть текста который искал пользователь, путем...
В чем отличие экземпляра компонента от экземпляра приложения?
Читая документацию по Vue 3 и не могу понять следующий момент(цитаты из документации):
Создание любого приложения Vue начинается с создания нового экземпляра приложения с помощью функции createApp:...
Проблеме с placeholder у input в iE11
Всем привет. У меня непонятная проблема с placeholder у input, который принимает значение из свойства объекте родителя.
В ларавел-проекте есть дочерний компонент, который выводит значение из...
Vue на базе Vite - Babel
Всем привет, кто-нибудь использует сборку Vue на базе Vite https://vuejs.org/guide/scaling-up/tooling.html?
Если да, то каким образом можно добавить babel или он в этом случае вообще не...
Сломанные стили vue
Всем привет!Сделал приложение на vue.Выкладываю проект на github pages и начинаются проблемы с css,а главный фокус в том , что некоторые стили работают некоторые нет. Опыта работы с вебпак мало и...
Вызвать рендеринг самодельной таблицы
Всем привет.
Собирал отображение словаря в таблице на jsfiddle и все нормально, отображается весь словарь с одним но: словарь на момент загрузки также вписан в код и великолепно отображается, а в...
Фиксированный интерфейс, а фон с перемещением на vue
Добрый день форумчане, есть такая задача, сделать в конструкторе обоев мобильный вариант, так как адаптировать картинку нельзя, ввиду того, что если её уменьшить под экран, то картинка будет слишком...
Событие window.onload во vue
У меня никак не получается корректно вызвать событие window.addEventListener('load', function() {}) во vue. Вешала на разные хуки, но оно срабатывает рано, когда внешние ресурсы страницы еще не...
Присвоение значения из .then
Нужно получить название города из запроса и записать его в переменную:
data() {
return {
location: "",
}
},
methods: {
async fetchData() {
...
Title & favicon по умолчанию
Собираю приложение с помощью vue-cli 3 или же веб интерфейса.
index.html всегда генерируется и смысла его править ручками не вижу.
Как настроить favicon и title статически для всего приложения....
Как используя axios подгружать данные в options компонента vue3-select2
Вопрос по компоненту vue3-select2 - скажите пожалуйста, как используя axios подгружать данные в options компонента, с учетом введенного в строку search текста. Должен отправлять на сервер запрос типа...
NuxtJS SSR в разделе layout
Здравствуйте!!!
У меня возникла сложность с ssr когда мне понадобилось вывести меню категорий в layout. Оказалось что методы asyncData, async fetch работают только в разделе page. Кто нибуть знает...
Подключение библиотеки Vue
Как подключить библиотеку
SyntaxError: Use of reserved word 'let' in strict mode
Всем привет, есть проблема, ошибка в браузере safari 5.1.4 на винде, и на ipad ios 9.3.5
ошибка "SyntaxError: Use of reserved word 'let' in strict mode - chunk-vendors.js:1"
browserslistrc
>...
Safari не видит содержимое app
Safari
http://dl3.joxi.net/drive/2020/05/13/0041/2054/2750470/70/afac3a818c.jpg
Crome
http://dl3.joxi.net/drive/2020/05/13/0041/2054/2750470/70/84643c40b3.jpg
Не пойму в чем проблема, в...
Некорректная работа компонента ag-grid-vue
Доброе время суток.
Сталкнулся со следующей проблемой в компоненте ag-grid-vue. Не работают сортировки по двум полям ("статус" и "работает") и некорректно работает фильтр в поле гос. номер...
Почему во Vuetify dialog (во всех копиях) при выводе данных из базы циклом отображаются данные только одного User?
В приложении использую Vue и Vuetify, и .NET Core.Вывожу данные из базы и передаю их в шаблон.Часть из них должны выводиться внутри Vuetify dialog.Пробегаюсь циклом в шаблоне и данные всех Users из...
$emit
Почему не передается значение через $emit?
methods: {
enterUser() {
firebase.auth().signInWithEmailAndPassword(this.user.email, this.user.password)
.then( response => {
...
Ищу практику на Vue js
Ищу практику на Vue js бесплатно с вас интересная идея open source пойдет
Как пройтись по массиву картинок и вывести их на экран?
У меня в проекте в папке public есть папка img, потому итерация проходит по ней, но картинки не выводятся на экран.
Подскажите, в чем проблема?
С меня благодарность.
<template>
<div...
Vuex - как заменить часть state?
Добрый день.
У меня в state хранятся объекты:
{
32%1: {id=1,
name='Vasya',
age=21},
98%2: {id=2,
name='Petya',
Интерактивный календарь в Vue.js
Нужен компонент календарь в котором можно будет выбрать определенный день, хочется увидеть не слишком сложные варианты. Возможно какие-либо плагины или статьи
Вывод динамических картинок
Есть объект из массивов, в котором в ключе image находится название файла (например, picture.jpg), который находится в assets/images/.
При переборе массива и вывода его данных через v-for, в :src...
Как перенаправить на страницу 404
Здравствуйте!
Как перенаправить пользователя на страницу с ошибкой 404.
У меня есть такие маршруты
{
path:"/catalog/:catalog",
name: 'products',
component: () =>...
Фильтр массива
Я хочу вывести список видов деятельностей как здесь:
Пока смог сделать только первый уровень:
Я через API получаю 2 массива:
1- okvedRazdels:Array
0:Object
id:1
razdel_abc:“A”...
Импорт компонента Vue 3
Есть компонент Header который нужно импортировать на страницу, используется TS, в компоненте так же используется composition API и <script setup>, нету export default, когда я импортирую компонент на...
Код компонента vue.js вынести в отдельный блок
Всем привет,
Читая об использовании комонентов vue.js 2 https://ru.vuejs.org/v2/guide/components.html
возник вопрос, а как в Laravel5.5/vue.js2.5 проекте сделать чтобы в template:
хранить не...
Vue.js. Event Bus - что это и для чего?
Всем привет! Хочу с вами поделится статьей о глобальной системе событий в Vue.js.
Vue.js. Event Bus - что это и для чего?
Почему не изменяются данные на странице сайта при компиляции кода Node js?
Здравствуйте!Скачал сайт с git репозитория.Устанавливаю Node js в папку с репозиторием.Изменяю код.Собираю проект.И запускаю на локальном сервере.Но внесенные мной изменения не появляются.Пробовал...
Как правильно добавить фотографии в слайдер Vue Carousel 3D?
Пытаюсь разобраться в документации Vue Carousel 3D и не могу понять, как сделать так, чтобы в каждом слайде отображалась одна картинка. Поясню: Хочу сделать слайдер, как в документации в примере...
Недорекурсивный вывод
Проект на Vue.
Делаю динамическую форму редактирования (всю логику предельно упростил в демонстрационных целях). На форме (EditForm) могут находится три типа элементов: текстовое поле (TextInput),...
Валидация полей primevue
Добрый день!
Только изучаю vue 3 js. Решила попробовать UI фреймворки. Пробовала Elements Plus, но посоветовали primevue. Честно говоря, за 3 дня попыток что-то сделать хочется от него уже...
Vue-router загружает компонент другого роута при использовании Memory mode
Здравствуйте. Создал сборку vite + vue3 + vuetify3 + nodejs, для реализации SSR. При настройке vue-router использую Memory mode и сталкиваюсь с проблемой, что если я совершаю переход на какой-либо...
Создать объект юзера с ключами
Добрый день! Помогите создать обьект юзера с ключами
(id, name)
+добавить кнопку инфо около каждого юзера при клике на инфо - информация о человека
<div id="app">
<ul>
<!-- <li...
Директива с двумя значениями
Здраствуйте, скажите пожалуйста, как создать vue-директиву, которую можно вызвать как v-mySpecial={"white", "green"}
и чтоб она устанавливала к примеру background:white, color:green для елемента
...
Не удается добавить пользователя в базу данных firebase
Пытаюсь соединиться с базой данных Firebase и внести в нее данные, но при добавлении данных возникает следующая ошибка
vue.runtime.esm.js?2b0e:619 : Error in v-on handler: "FirebaseError: Firebase:...
Создание своего кастомного видео плеера на Vue. Какими инструментами это можно реализовать?
Задача: реализовать свой кастомный видео плеер со своим дизайном для онлайн трансляций.
Я не особо понимаю сам процесс создания своего видео плеера. Является ли хорошей практикой под тегом video...
v-bind переключения класа + toggle click кнопок
Как реализовать функционал?
У меня есть список кнопок
Нужно по клике на каждый блок списка - меня его фон (кликнули на один - поменялся фон, кликнули на второй, фон поменялся и там, на первом...
Вывод списка картинок использующих url в v-for
Есть массив url на изображения, хотел бы его вывести в v-for, но не находит картинки, если подставлять просто ссылку все работает
Код:
<ul class="carousel__slides">
<li...
Не загружается файл через веб-форму при повторном выборе файла
Привет,
Что-то затруднился. На форме есть кнопка, при нажатии появляется диалог выбора файла, выбираем файл, вызывается метод fileSelected(), указанный в атрибуте @change контролла input:
<input...
Использование нескольких экземпляров vue + laravel
Доброго времени суток.
Возникла необходимость не писать весь код для вывода в id = app, а для необходимых для этого блоков. Выпадающий список, модальные окна, слайдер и тд. (прописаны в шаблоне...
Передача данных из axios в express
Добрый день, возник вопрос как можно из axios передать значения с поля для ввода из html в express?
Почему не применяются стили?
Почему не применяются стили?
Есть такой кусок кода:
<template>
<div class="categorySearch">
<div v-on:click="change" v-on: mouseover="out" class="categorypopular">
<a>
...
Nuxt 3 — работа с vuex
Установил новый nuxt3.
Создал директорию store и файл index.js там:
export const state = () => ({
counter: 0
})
export const mutations = {
increment (state) {
state.counter++
Как подключить шрифты на vue 3 при использовании препроцессора SCSS?
Не подключаются шрифты в проекте написанном на VUE 3 с использованием препроцессора SCSS.
Т.е., когда я в главном(или дочернем) по иерархии компоненте пытаюсь подключить шрифт внутри
, то он не...
Cannot read property email of null
Подскажите как решить проблему - в консоли ошибка
Ошибка указывает, как я понимаю
1. на значение value в <input> в этом шаблоне
<template>
<input
class="form-control"
...
Как экспортировать массив?
У меня есть файл, внутри которого содержится массив объектов:
<tamplate>
...
</tamplate>
<script>
const ImageData = ;
export { ImageData };
Как записать данные в сессию?
Приветствую!
Как записать любые данные в сессию?
Проект уже частично настроен
вот файл store/index.js
Лаги при рендеринге компонента
при загрузке компонента с карточками через карусель swiper.js начинается долгий рендеринг и взаимодействие со страничкой невозможно(попробуйте быстро переходить со странички home на about). есть...
Как убрать [ ] массива при выводе в html?
Добрый день. Я написал календарь и у меня возникла проблема, что числа текущего месяца отображаются со знаком массива , как их вывести без этого знака, и так чтобы числа из других...
Ограничить ввод цифр в инпут на vue js
Добрый день, подскажите пожалуйста, как можно ограничить ввод цифр в input на vue js
Генерация ключа для двойного for
Пока работает только такой вариант. Если вместо key ставлю строковое значение :key="'vcxv'+key2", то пишет ошибку duplicate key
<div v-if="errors">
<template v-for='(errorList,key)...
Как передать пропсы через роутинг?
У меня есть такой роутинг:
const routes = ,
},
],
},
];
Мне необходимо из компонента Catalog по адресу "/Catalog" передать значение переменной selected в компонент Bread по...
V-html приводит всё к lowercase
Доброго времени. Запрос к контроллеру через axios. В консоли всё в нормальном виде. На странице в v-html всё в lowercase. Почему?
Реактивность объекта объектов
Мой вью-компонент:
<template>
<div id="classTree">
<b>Класс: </b><input v-model="data.className">
<br>
<br>
<ul>
<li v-for="(item, key) in data.propList" :key="key">
...
Почему имя каждого первого элемента на странице — это квадратные скобки?
В общем делаю проект и в частности модальное окно для интернет-магазина, в которое информация поступает по клику в соответствии с названием элемента по которому был сделан клик.
И вот эти строчки...
Как подключить клавиатуру к полю реквизита?
Всем привет..
Нужна помощь...
Не могу подключить Клавиатуру на Vue.js к PhP проекту.
<?php
include_once 'messages/messages.php';?>
<div id="step-2" class="main-container keyboard">
<div...
Как передать в консоль результат из computed?
Есть такой шаблон:
<div v-for="article in adminComment">
{{article.article_id}}
</div>
<script>
/*...........*/
computed: {
adminComment: function() {
return...
VUE.js (Как получить данные от родителя к ребенку через Props?)
Добрый вечер. Есть такой код:
const SubWrapper = {
template: '#sub-wrapper',
data: function () {
return {
width: ''
}
},
Приложение появляется на секунду и пропадает при запуске
Пишу приложение(Node.js, express, nodemon, Vue). Приложение появляется на секунду и пропадает при запуске сервера. Первые два файла отвечают за клиента, 3-и файл за сервер
frontend.js
import Vue...
Vue3 пустой экран
Здравствуйте. Не могу разобраться как начать работать с vue3, пробую но получаю пустой экран без компонентнов и в консоли
"Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_4__.default is undefined"...
Использование vue cli без интернета
Добрый день!
Подскажите пожалуйста возможно ли создать проект Vue CLI с интернетом, заархивировать его, а затем, распаковать на сервере, работающем без интернета запустить?
Попробовала так,...
Скрипт на регистрацию
Добрый вечер , ребята нужна ваша помощь, я недавно только начал изучать vue.js от силы 2 дня. И нужна помощь с написанием скрипта Регистрации
вот примерно вот такой json получаем
{"username":...
Как выполнять перенос строки только один раз Vue.js
есть textarea с @keydown.space="newLine" где выводится запрос.
Использую следующий метод:
newLine () {
this.dsFormData.queryString =...
Vuetify Error. В интернет нет решения
PS D:\projectZ> npm install @nuxtjs/vuetify -D
> fibers@4.0.3 install D:\projectZ\node_modules\fibers
> node build.js || nodejs build.js
D:\projectZ\node_modules\fibers>if not defined...
Ошибка при регистрации пользователя
Всем привет!
Достался в наследство сайт на vuejs, сам в этой технологии не силён. Случилась проблема - не работает регистрация. В консоле выдает ошибку:
Request failed with status code 500
...
Как при нажатии на одну кнопку, добавляя ей класс, убирать классы у других ?
Добрый день.
Есть 4 кнопочки.
Как сделать во вью так , чтобы при клике на одну кнопку класс active применялся к кликнутой (тут все понятно и просто), а на все остальных кнопках он удалялся, если...
Микшер цветов
Здравствуйте. Как сделать микшер для изменения цветов. Я сделал вот такой пример ( https://zaladdin.github.io/praktika.github.io/ ). Но мне надо чтобы было 3 поля для ввода значений каждый из них...
keycloak авторизация с Nuxt JS
Добрый день! Кто может скинуть полный гайд как сделать авторизацию nuxt приложения и keycloak, с настройкой keycloak. В интернете видел много гайдов делаю по ним, но выходят косяки. То isLogin =...
Удаление предыдущей сессии при открывании приложении во второй вкладке
Добрый день,
Каким образом можно реализовать удаление предыдущей сессии, если приложение было открыто во второй вкладке.
Пробовал:
logon.js
localStorage.setItem('logged-in', true);
vue
Как нормально установить vue-cli v3?
Не могу никак установить vue-cli3 чтобы все чин-чинарем работало. Все время какие-то нехватки модулей, ставил их ставил потом попытался поставить
npm install -g '@vue/cli-plugin-e2e-cypress'
и...
Попытка применить стили в компоненте Vue через method и document.style
Привет
Хотел проверить можно ли в методе компонента по событию изменить стили.
В консоли стиль меняется, но отображаются старые стили.
обрабатываемый элемент это div в зеленой рамке.
...
Ошибка формы на странице после редиректа
Делаю spa, решил при загрузке приложения отправлять запрос на получение пользователя. Если пользователь есть(то есть авторизирован), то должна быть переадресация с компонента-страницы...
Разработка приложения на vue.js
Здравствуйте. Изучаю фреймворк vue.js и интересует как лучше сделать, сначала сделать только верстку на HTML и CSS, а после подключать фреймворк vue.js и далее навешивать всю логику javascript...
Как воспользоваться API DonationAlerts во Vue js?
Я хочу добавить на сайт список "топ донаты" из DonationAlerts. В DA есть такой виджет, но как из него взять эту информацию или как воспользоваться API для этого?
ВОТ ОФИЦИАЛЬНАЯ ДОКУМЕНТАЦИЯ API:...
Nuxt js функция или хук инициализации сервера
Уважаемые, где точка входа сервера, мне надо к базе данных подключение установить, я вроде видел такое, найти не могу...
Добавлено через 4 часа 40 минут
Пробую сделать через модули, там как один...
Сортировка массива по клику vue cli
Здравствуйте, только разбираюсь с vue, хочу сделать сортировку массива по клику (т.е. кликаем на текст с пунктом по которому нужно сортировать и массив сортируется), но сложности возникают с...
Vue intersectionobserver верхнее пересечение
как сделать отслеживание пересечения с шапкой и такое изменение в фиксированном блоке, как на Видео
мой код
шаблон вывода постов (посты подгружаю по одному)
<template>
<div
...
Куда в Nuxt.js положить php файлы
Здравствуйте, такой вопрос, куда лучше положить php файлы в Nuxt.js чтобы вытянуть значения из БД?
Использую такой код для получения записей.
export const state= () =>
({
priceItem:,
})...
Как отсортировать массив элементов?
Делаю страницу со списком элементов, а так же с разбивкой элементов на страницы(пагинация), но не удается сделать сортировку, т.к. сортируются элементы ТОЛЬКО на первой странице, а нужно же...
Проблема с загрузкой данных из хранилища Vuex
Всем привет!
У меня уже есть готовая реализация вывода данных о студентах их оценках в виде таблицы. Оно реализованно в компоненте GrdGrid.vue и отображается в Grades.vue:
GrdGrid:
<template>
...
Выпадающий список форматирования строки
здравствуйте, как сделать в Vue.js выпадающий список с пунктами меню
Результат
<option>Жирное начертание текста b</option>
<option>Курсивное начертание текста em</option>...
Использование миксинов во vue
Доброго времени суток! Начинаю осваивать вью и хочу пользоваться всеми благами препроцессоров для стилизации. Всё время использовал scss, поэтому пользуюсь именно им. Хочу определять глобально...
Не обновляется свойство через ref
В шаблоне:
<you-tube-player ref="video" :url="currentItem.youtube_link" :v-if="currentItem.youtube_link!=null" :width="420" :height="300" />
...
<video-time-picker...
Как подключить календарь на страницу
Добрый день!
Не пойму, как подключать готовые скрипты, например календарь https://github.com/MohammadS3dd/vue-awesome-datepicker
на своей странице я подключил Vue
<script...
Изменение переменной после получение данных с БД
Здравствуйте, такая вот беда.
Есть шаблон, в нем данные загружаются от сервера через библиотеку Axios.
<template v-for= "(post,index) in newspost">
<div>{{post.id}}</div>
</template>...
Не работает авторизация при попытке открыть компонент
Сделал вроде бы авторизацию на django-rest-framework, и через vue пытаюсь пройти на главную страницу после успешной авторизации. (если что в настройках CORS все поставил для работы с джанго). При...
vue3datepicker (получить значение даты и засунуть в sql запрос)
Доброго дня всем.
Использую компонент https://vue3datepicker.com/
Вот есть у меня реактивная переменная, работает как надо, на странице отрисовывается значение {{ date }}.
Пока в процессе...
Как открыть файл из mongoDB через Vue.js?
Добрый день, коллеги.
Столкнулся с проблемой не понимания, как это работает.
Вот код, который через postman выводит изображение.
app.get('/image/:filename', (req, res) => {
...
Где завкладка “Vue” в консоле моего Vue.js приложения ?
Всем привет
Я установил Vue.js devtools на Google Chrome Version 85.0(kubuntu 18)
Но я не вижу завкладка “Vue” в консоле моего приложения
Я должен еще что-то активировать ?
Спасибо!
Проблема с передачей данных через локальное хранилище LocalStorage
Здравствуйте хотел решить проблему передачи данных Я шас делаю в одиночку интернет магазин вот получается у меня есть класс который передаёт данные между Главном меню в у меня есть модальное окна...
Как отобразить один компонент, но в разных местах сайта и с разным наполнением
Поставлена задача: есть компонент с чекбоксами (с любым контентом), необходимо вывести его на странице сайта в нескольких местах, с разным наполнением.
Компонент:
<template>
<div...
Много элементов, частые обновления, что-то не справляется
Базовая задача:
1. Компонент имеет некоторое внутренее состояниие.
2. На базе этих данных необходимо отображать/обновлять примерно 2-3 тысячи элементов (div-ы разных цветов, размеров и...
Авторизация Nuxtjs
Коллеги, добрый вечер.
Что-то я не разберусь как выполнить авторизацию средствами nuxtjs
Я уже понял, что есть специальная папка middleware в которой нужно разместить код.
Где будет...
firebase auth()
Доброго времени суток.
Изучаю вью по урока Владилена Минина на ютубе и столкнулся с проблемой.
В одном из уроков подключается авторизация на сайте с помощью firebase .
Пол года назад вроде все...
I18n что такое Enable legacy API (compatible vue-i18n@v8.x) mode ?
Здраствуйте, скажыте пж что такое Enable legacy API (compatible vue-i18n@v8.x) mode ?
при команде vue cli "vue add i18n"
Перезагрузка страницы
Привет. Отправляю post.axios форму. Как мне перезагрузить страницу после выполнения запроса? Не vue компонент, а страницу.
Вызов в html-странице Vue, который находится в отдельном файле
Здравствуйте! Гуглю, гуглю, но так и не могу найти хорошее объяснение на вопрос, как банально имея html-страницу вызвать код Vue, который я вынес в отдельный файл. Простым подключением файла не...
Почему это не работает? Как вставить css в iframe?
const YouTubePlayer =
{
methods:{
...
// 4. The API will call this function when the video player is ready.
onReady(event) {
...
...
Установить время к текущей дате
Здравствуйте, возникла проблема. Необходимо к текущей дате установить время из инпута.
<div v-if="checked=='hour'" class="hour">
<label>Выберите время проката</label>
<input type="time"...
Создать приложение, которое выводит список Email из массива и позволяет выполнять поиск по этому списку
Требуется создать Vue приложение, которое выводит список Email-ов из массива emails и позволяет выполнять поиск по этому списку. Адреса в списке, которые содержат строку из поля поиска, должны...
Vue-i18n пример
Здраствуйте, помогите пж найти простейшый пример сайта с vue js использующий i18n
В процессе создания проекта vue cli и добавления vue add i18n
если перенести с заменой содержымое файла HelloI18n в...
Подключение компонентов
Доброго времени! Подскажите как правильно подключать сторонние компоненты, к примеру этот. Предупрежу сразу, в JS поверхностно владею. Варианты с инета не дают нужно результата. На данный момент ...
SFC: гарантированный выход за границу родительского компонента
Есть некий vue-компонент, который может применяться в любом непредсказуемом окружении (т.е. внутри любых других div-ов).
И этому компоненту нужно гарантированно отобразить какой-то 'div' в...
Архитектура кода
Надо этот код импортировать в vue cli , но я вообще не разбираюсь в js , помогите пожалуйста
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"...
Необходимо точно определить, используя devtools является ли GET запрос после PUT избыточным
ПОдскажите, какие параметры посмотреть, как можно определить через devtools? Нужно максимально точно понять.
Использование неопределенных свойств объекта в реактивных элементах vue без ошибок
Добрый день.
Недавно начал разбираться с Vue.js и сейчас стою перед следующим вопросом.
Имеется action в vuex-хранилище, производящий запрос ко внешнему API и записывающий через мутацию...
v-bind клик по кнопкам + toggle клик на текущую кнопку
как реализовать v-bind клик по кнопкам - где на клик менять фон с прозрачного на белый
НО, когда мы делаем toggle клик на текущую кнопку - фон станёт белым а менятся будет только цвет текста
...
Зацикливание компонентов
Добрый день
изначально у меня была идея разбить программу на компоненты, и просто подключать их по мере необходимости
например у нас есть список заказов, мы подключаем компонент редактирование...
Item counter in row?
Как сделать item сounter по каждому блоку
Изменять сounter в каждого блока - по отдельности чтобы не было сразу что у всех блоков меняется, а именно в каждого блока свой счётчик
Тоесть в каждого...
Add Classes/styles to parent component
Как изящно поменять/добавить css класс родительскому компоненту из дочернего, только когда этот компонент активен.
Некоторые стили родительского компонента не подходят для дочернего по верстке
Обновление Графика через инпут
У меня есть обычный график пирог
import { Pie } from 'vue-chartjs'
export default {
extends: Pie,
mounted () {
this.renderChart({
Как сверстать реквизит "Подпись" трёх разных видов
здравствуйте, как сверстать реквизит "Подпись" трёх разных видов используя Vue.js
Мировой судья
судебного участка № 5 г. Энска О.А. Смирнова
исп....
Проект на Django + Vue3. Webpack не видит index.html
Коллеги, всем здравия!
есть проект на Django + Vue3 сборка webpack`ом.
все работало до перехода на новую версию ОС (fedora 35 > fedora 36). думаю что-то поменялось в пакетах nodejs (могу...
2 события на один и тот же элемент
Всем привет.
Подскажите пожалуйста, можно ли на один и тот же элемент задать 2 разных события?
Суть в следующем. Есть например элемент input type="number" у которого можно вводить значение...
Ошибки верстки vuetifyjs на NUXT
Ставлю NUXT. Дальше на страницу копирую код отсюда
В консоли браузера возникает ошибка:
The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused...
vue и mongoose
Всем доброго времени суток!
Я новичок в веб разработке. Очень заинтересовала разработка на Vue. Чем больше изучаю, тем больше вопросов!
Видел неплохую реализацию SPA на стыке vuex и firebase....
Как правильно регестрировать/подключать плагины Vue.js (NUXT)
Привет!
Нужна помощь в подключении плагина.
Вот сам плагин
https://github.com/worka/vanilla-js-wheel-zoom
Установил, импортировал и зарегестрировал в компонент (не уверен что правильно)
...
Добавление элемента в многоуровниевый список
Работаю с первым для меня проектом с имcользованием Vue.
Проект имеет сложную структуру данных и компонентов. Встал на одной подзадаче и ни как не могу пробить. Полагаю мне поможет решение...
Умный переход та табам?
Реализую Табы на Vue.js по этой статьи.
Как написать условия если текущий таб (i возращает true тогда можно сделать переход на следующий i+1)
иначе не делаем нечего
Так понимаю к каждого таба...
Какой сборщик актуален для изучения?
Подскажите плиз, какой сборщик начать изучать, чтобы вот прям актуальный-актуальный)))
Как получить значения с формы
Добрый вечер я не силён в vue.js надеюсь меня простят за глупые вопросы, суть такова что я хочу получить данные с формы о простых текстовых полях и файле. Просто с одним файлом получается, нашёл...
задание по практике
Всем привет, пишу через профиль парня. Вообщем, дали задание по практике(учусь в колледже) половина работы было сделано, но не могу сделать это:
Vue.draggable + vue-lazyload
Есть лист на 800+ элементов, и количество элементов будет только увеличиваться. Реализовано это всё в виде канбан доски, но при перетаскивании есть заметная задержка. Можно ли как то скрестить друг с...
Геттер на vuex
Подскажите, как мне сделать геттер, чтобы получал содержимое initialData по id ?
const initialData =
getters:{
getDocsById: initialData => id => {
return initialData.find(item =>...
Вызов java из vue js
Добрый день,
описание вопроса: https://stackoverflow.com/questions/59027072/how-to-call-java-function-in-android-from-javascript-in-vue
Нужна помощь.
Как в проект vue cli добавить скрипт (в файле)
Здраствуйте, у меня есть скрипт "superTextSize.js", скажыте пожалуйста как я могу его подключить в проект cli? Можно ли ето сделать так чтоб после компиляции его код был в файле chunk-vendors.js (там...
Сдвоенные строки vue-good-table
Добрый день.
Подскажите, можно ли, используя vue-good-table создать сдвоенные строки, примерно так, как указано на картинке?
Как можно переписать с js на vue js с выводом в таблицу?
var pieces = ;
var paramNamesBitMap = {};
var entityMap = {};
var entities = ;
for (var i = 0; i < pieces.length; i++) {
var piece = pieces;
paramNamesBitMap = true;
entityMap = entityMap...
Ошибка в router.js
Начинаю осваивать vue-cli.
Получаю следующую ошибку в файле router.js
C:\Users\Сергей\math_for_babyes\mathematic\src\router.js
3:8 error 'Main' is defined but never used no-unused-vars
4:8...
При работе в vue/cli изменения проекта перестают обновляться на странице браузера
Всем привет
Столкнулся с такой странной дуркой
что работая с @vue/cli 4.0.5 проектом и запуская локальный сервер
npm run serve
с какого-то момента измененния что я вношу в файлы проекта в...
Добавление класса к объекту при наведении на него
Пишу сайт на Vue.js на котором есть каталог услуг, при наведении на одну из услуг ему должен добавиться класс Active.
Код:
<script setup>
import { ref } from 'vue';
function add(){...
Возвращать ответ из вызова сервиса с axios
Добрый день,
Есть вопрос скорее всего про синхронность метода
v-bind:error="validationSymbols(symb)"
validationSymbols: function (path, params, body, progress, contentType) {
const...
Vue и Pug
Можно ли юзать Vue совместно с Pug?
Как получить доступ к элементам iframe из vue?
const YouTubePlayer =
{
methods:{
gettime()
{
let ytframe = this.$refs.frame;
ytplayer = document.getElementById("movie_player");
...
Форма регистрации через Firebase
Создан компонент для регистрации пользователя, запускается, НО в браузере отображается просто белый экран. Думаю, что ошибка в самом скрипте, потому что его закоментил и страница стала отображаться,...
Используя axios обратится к функции в php
Здравствуйте, есть проблема, отобразить данные из БД при помощи php если код php помещен в функцию.
вот файл office.php
<?php
function showAll()
{
$host="127.0.0.1";
$user="root";...
Vue ошибки при использовании Async Await
Добрый день.
Начал пробовать вливаться в VUE.
Пишу приложение в котором необходимо проходить регистрацию и аутентификацию
И на этапе написания этих компонентов застря.
При попытке использовать...
To do list. Создание массива объектов
Нужно написать todo list с функциями. Не понимаю, как создать новый блокнот. Так же функция удаления строки из списка работает криво (при удалении элемента удаляется элемент, который находится ниже)....
Ошибка при запуске проекта на digitalOcean
Через гитхаб загрузил приложение на сервер digitalOcean(использую node js естественно). После этого делаю билд и запускаю. Когда захожу по айпи плюс порт (125.12.25.12:3000 например) мне корректно...
Как исправить Cannot read properties of undefined (reading 'getters')
Приветствую, подскажите пожалуйста по ошибке(скрин), уже голова кипит.... Заранее спасибо!
main.js
import { createApp } from 'vue'
import App from './App.vue'
import { createStore } from...
Обработка одного элемента в цикле
Здравствуйте. Скажите, как обратиться к одному элементу в массиве с помощью цикла. Я реализовал практически, но почему-то событие происходит на всех элементах, а не на том, на котором я совершаю...
Пропсы в <component :is>
Добрый день.
Возник следующий вопрос...
У меня есть статические компоненты, которые подставляются в <component :is="nameComponent">.
некоторый из этико компонентов являются таблицами и чтобы не...
Анимация роута в vue.js
как реализовать анимация компонента при переходе на другой роут
анимация появления компонента с низу к верху
Пример моего кода:
https://jsfiddle.net/changjoo_park/tf8p8jve/
<script...
Как правильно организовать динамический поиск vueJS?
в App.vue
у меня есть watch, который отслеживает this.$route.query
watch: {
'$route.query': {
handler: function(query_string) {
// здесь код
},
deep: true,
Как удалить иконку в v-alert?
В доке написано: "setting the icon prop to false will remove the icon altogether."
Устанавливаю icon=false или icon="false", но в обоих случаях получаю FALSE
Делаю копию массива данных, но эта копия потом получает новые изменения (делаю копию , а не ссылку)
Добрый день.
Не могу разобраться с проблемой.
Есть таблица с массивом данных.
Для редактирования таблицы я делаю копию массива данных. И после либо оставляю изменения как есть, либо при отмене я...
Vue CLI
во Vue CLI node_modules уже имеется папка animate.css, как правильно путь к ней прописать из styles.css, который в assets/styles
Vue3 - CompositionAPI - Типизация массива объектов в пропсах
Необходимо передать в компонент в качестве параметра массив объектов. Как правильно его типизировать.
В строке с соответствующим комментарием не могу разобраться как описать правильно, сейчас там...
Теряется объект пользователя при авторизации
Доброго времени суток. Логику по работе с пользователями я решил вынести в стор. Использую пинию. По бэку - firebase, если это важно. В сторе сейчас лежит объект юзера и методы для работы с ним, а...
Написать условие, которое бы скрывало элемент
Добрый день, работаю в laravel + vue. Есть следующий код
<div class="invoice-labels">
<a @click.prevent="checkedCharacteristics = characteristic.id"
...
How to set variable to Vue.Resource()?
I have many controllers with similiar API and I need to write common JS file with Vue-resource, but the problem is that I can't set URL dynamically.
import Vue from 'vue'
import VueResource from...
Ошибка при получении данных axios в nuxt.js
Здравствуйте, хочу передать данные методом post и выдает такую ошибку:
Access to XMLHttpRequest at 'http://127.0.0.1/php/doctor.php?action=onedoc' from origin 'http://localhost:3000' has been...
Nuxtjs как в middleware обратиться к store
Здравствуйте!!!
Помогите понять как подключить эту мидлвару. Я хочу проверять юзера из стора.
Видел решение на vuejs и решил во фреймворке nuxtjs повторить. Но мне выдает ошибку:
TypeError...
Выбор http модуля
Привет. Кто с опытом, что выбираете, axios, fetch а может и superagent.
Желательно почему, сильные стороны. Спасибо
Как присвоить активный класс только к первому элементу?
Подскажите , как сделать так , чтобы , при нажатии на допустим 2 или 3 блок , к первому блоку не присваивался active, а он присваивался только по нажатию на самый первый блок ?
<div id="app">
<ul...
Как создать динамический атрибут , который можно изменить при вводе
Не пойму , как реализовать , что пользователь может при помощи input задать длительность анимации которая находится в классе в css ? Как присвоить время которое я ввел для
animation: fadeOut 4.5s...
textarea не принимает корректный после display none
Стиль textarea
overflow:hidden;
outline: none;
border: none;
width: 100%;
resize: inherit;
Через foreach получаются записки(newRecord и из них вытаскиваются текст и id...
Виджеты jQuery
Добрый день! Только начал вникать в vue, вроде все получается, использую на странице с виджетами основанными на jquery, после подключение vue, виджеты перестали работать, в консоли ошибок никаких, в...
Vue компонент срабатывает сам по себе?
Доброго всем времени суток! Заметил что если использовать Option API и в теге script компонента, прописать console.log(), то вывод в консоль будет осуществлён сразу после загрузки страницы. При этом...
Как вызывать свойство для слежки watch при добавлении в массив новых элементов?
Столкнулся с проблемой.
Когда у меня изменяются значения внутри реактивной переменной, которая содержит в себе массив объектов, то watch реагирует как положено.
НО, если мне необходимо добавить...
Сеттер срабатывает только один раз
Я должен менять в галерее изображения местами с помощью кнопок Up Down. Setter @click="$set(images, images, sequenceNumber(index)) после загрузки страницы срабатывает только один раз - к примеру...
При нажатии на backspace увеличивался счетчик при проверки регулярным выражением
Здравствуйте есть такой код:
if (//.exec(String(this.mestxt)))
{
this.countmes++
}
Но при нажатии на backspace он не работает.
Я хочу чтобы при нажатии на...
Переход к нужному линку в два клика
Добрый день.
С любых страниц необходима банальная функция перехода на необходимую страницу (главную) и дотягивание гирей к определенному заголовку страницы, но почему-то с любых других страниц это...
Counter 'localStorage'
Здравствуйте друзья подскажите в чем ошибка почему не сохраняется в памети
<div id="app">
<h2>{{getItem()}}</h2>
<button @click="counter--">-</button>
<button...
Изменение класса у элемента
Всем привет. Есть таблица со списком. Шапка таблицы
<th v-on:click="myFilter()" v-bind:class="{sorting_desc: isActive}" class="d-none d-lg-table-cell sortable sorting" v-for="(field,index)...
Как сделать перенос на новую строку с определенного символа Vue.js
Есть запрос, сейчас все в одну строку: | text | text | text
Как сделать перенос, чтобы каждая новая строчка начиналась с знака | и текстом после него до следующего знака
Как во vue js передать массив файла IMG в объект
Есть метод для сохранения файла,но суть в том что не могу передать в объект массив
sendfile(){
const images = new FormData()
const files = this.dropzone.getAcceptedFiles()
...
Значение по умолчанию в выпадающем списке
vue.js 2
В скрипте
export default {
//....
watch: {
'data.searchResult': function () {
this.$set(this, 'searchResult', this.data.searchResult =...
Vue.js. Вызвать метод при создании элемента возможно?
Всем привет.
Есть такой код:
<v-rect :config="sectionDatetime"
v-for="(item, index) in computedDatatime"
:key="item.id">
</v-rect>
Вопрос:
Можно ли при каждом 'рождении'(в дом...
Как сделать ввод цифр с заменой их на данные маски без CLI?
Например. У меня есть маска MM/YY, которая выводится на экран. Пользователь вводит: 12/20. И маска меняется на: 12/20.
var app= new Vue({
el: '#app',
data: {
number: 'MM/YY'
...
Постоянный приходится пересобирать проект
Здравствуйте, подскажите пожалуйста, есть проект на Nuxt, чтобы посмотреть изменения в браузере приходится каждый раз пересобирать проект, как можно пофиксить это ?
Доступ к API по внесенному в белый список домену
Мой домен внесен в белый список веб приложения. Необходимо сделать запрос GET на https://xxx/api/v1/stats.json из моего кода веб-приложения и дать обратную связь, как это происходит человеку его...
проблема с работой tw-elements
добрый день! установила пакет tw-elements, хочу использовать карусель, но не работает листание слайдов. установку делала по примеру отсюда: https://tw-elements.com/learn/te-foundations/basics/vite/
...
vuetify Добавление своих стилей
Есть ли возможность добавить свои стили? При добавлении этого модуля, увеличивается размер сайта (визуально - паддинги больше так и маргины) Стили сохраняются, но что-то всеравно не так.
Как писать html с компонентами?
Использую nuxt. Создал страницу с админкой, где я могу редактировать и добавлять статьи. Вписываю отдельным полем title, рейтинг и другие характеристики, кроме этого у меня есть текст, который нужно...
Как в проект на vue 3 версии добавить TypeScript?
Можно ли добавить в проект написанный на vue(3 версии) TypeScript этой командой:
npm install typescript ?
Добавлено через 3 минуты
Проблема решена - понял, что да, можно.
VueJS и Google index
Контент написанный на JS в индекс гугла никогда не попадет. Это так?!
Сколько бы не писали, хоть тонны текста(я утрирую, естеств. на js столько контента никто не пишет) индекса ПС им
так и не...
Условия для разных страниц
Всем добрый день.
Столкнулся с неким вопросом:
Есть к примеру 2 страницы, в них генерятся одинаковые продукты на vue js, но сами страницы просто статика. В каждом продукте снизу есть кнопка, не...
Value у input связать с v-model
Как связать атрибут value у input с v-model?
<input @input="changeFrom()" type="number" v-model="minRange" >
Добавлено через 17 минут
вернее почему value у input не меняется при присвоении...
Не устанавливается Vue и Vite
Здравствуйте. Не получается установить ниодин пакет npm выходят такого рода ошибки. ПРоксти не стоит, инет от провайдера через роутер. Раньше ставились пакеты без проблем ( год назад =)) ).
...
Как сделать компонент шаблон, который принимает 3 компонента и от этого реднерит конретный подшаблон-компонент?
Как сделать компонент шаблон, который принимает 3 компонента и от этого реднерит конретный подшаблон-компонент?
Если конкретнее.
Есть компонент Layout(он используется в компонентах страниц), у...
Не получается взять значение из input (компонент используется через v-for)
Следующий компонент используется через v-for. Как потом обратиться к value из input-ов inputIdRank, inputIdBonus?
Просто обращаться по id не срабатывает - можно взять id и class элементов, а value...
VUEX getter невозможно раскрыть
Здравствуйте!
Проблема такая: из компонента некой карточки vue вызываю getter. В нем данные на все карточки, поэтому при получении использую метод filter, чтобы отфильтровать данные конкретной...
Vue cli, как маштабировать компонент с разными размерами для каждой страницы
Здраствуйте, у меня есть компонент vue 2 cli, он используется на разных страницах, как я могу правильно менять масштаб етого компонента на каждой странице по отдельности?
Добавлено через 46 минут...
Vuejs - Composition API
Пытаюсь разобраться с Composition API и ни чего не могу понять.
Вот мой app.vue
<template>
<div>
Capacity: {{ capacity }}
</div>
Получить город юзера через гео данные ?
Как на Vue.js получить текущий город юзера через гео данные
Написал пока на чисто JS
не получается достучатся по ссылке
<pre></pre>
Не выводится переменная из State
Подскажите пожалуйста, почему не выводится переменная count из модуля Counter.
Код следующий:
state/index.js:
import Vue from 'vue'
import Vuex from 'vuex'
import counter from...
Вывод данных на основе отмеченных чекбоксов
Здравствуйте, необходимо отобразить список офисов которые находятся в определенном городе. Города выбираются с помощью чекбоксов.
office.vue
<template>
<div class="root">
<div...
Профилирование внутренних процессов Vue
Просто для примера, есть такой цикл в шаблоне: <div v-for="cell in cells"
:style="
{
'border': 'gray solid 1px',
'position': 'absolute',
...
Vue 3, реактивность для v-for
Мужики подскажите пж кто шарит.
Делаю пагинацию. Во Vue2 это работает, но во Vue3 есть реактивность через Прокси. На словах понятно, на деле нет.
Как правильно написать,чтобы реактивность в цикле...
Обработка ошибок с бэкэнда
Всем привет.
Подскажите, пожалуйста, есть ли какие-то техники\подходы для работы с ошибками.
У меня на бэкэнде есть сервис, который валидирует файлы в загружаемом архиве.
По итогу возращает на...
Галерея картинок не работает должным образом
Доброго времени суток!
Есть галерея картинок (8 штук). При нажатии на картинку должно отобразится окно где есть секция под комментарии, и секция под нажатую картинку.
У меня возникла проблема: при...
Сделать изображение в левой части в Vue
Как вставить картинку в левую часть рядом карточкой что-бы тени остались?
<template>
<v-container
class="fill-height"
fluid
>
<v-row
align="center"
...
Как получить props компонента?
Добрый день.
Имеется компонент - "чекбокс с рюшечками", у которого имеется проперть, возвращающая его инстанс:
chkbox_instance: {
type: Object,
default: this
}
...
Подсчитать сумму билетов и вывести их количество
Добрый вечер
Есть задача - подсчитать цену за билеты
Есть counter с кнопками -, + которые добавляют количество билетов или инкрементируют
(increment, add)
Цена одного билета - приходить...
Сайт на нескольких языках
Здраствуйте, скажите пожалуйста как правильно сделать сайт с поддержкой нескольких языков
К примеру <button>жми меня</button>
можно ли сделать масив переменных для разных языков и вставлять в html,...
Vue/cli Что за код он генерирует?
Здраствуйте, скажите пожалуйста что за код генерирует vue/cli (к примеру дефолтный проект)
vue 3
babel
dart scss
eslint defoult
vuex
при npm run build генерируется много не совсем понятного...
Не отображается ничего на странице
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,...
Дочерний роутинг не работает, в чем причина?
Делаю роутинг, выглядит дело так:
import { createRouter, createWebHistory } from "vue-router";
import Main from "../main.vue";
import Section from "../Section.vue";
const routes = ,
},
];
...
Отрисовка таблицы с данными из асинхронного запроса
Добрый день.
Начал изучать Composition API и немного залип на простой задаче.
Есть компонент.
Внутри него (пока что) асинхронный запрос к серверу на получение данных.
Как в Composition API...
Как удалить один маркер из карты?
Здравствуйте, задача добавлять и удалять маркеры на карте(и строить кривую по маршруту). Добавлять то получилось, а с удалением как-то никак:
<template>
<div class="container-fluid">
...
Vue js Axios
Приветствую! На vue начал кодить совсем недавно и вот столкнулся с проблемой:
На странице расположена таблица,при клике на строку которой, происходит отображение информации,посредством запроса через...
Vue-cli не хочет качать
Попробовал младшую версию vue-cli.
При ините проекта ошибка - vue-cli · Failed to download repo vuetifyjs/webpack-simple: tunneling socket could not be established, cause=socket hang up . Настройки...
Дублированный вызов функций при роутинге и Signal R
Привет, есть такая связка .NET Core + Vue и Signal R (Пакет для Vue от @latelier/vue-signalr обертка над пакетом @aspnet/signalr)
Хочу сделать одностраничник с роутингом.
Главная модель
new...
Как изменять пропсы через emit (vue3)
Как изменять пропсы через emit (vue3)
Хочу изменять состояния isChoose и консолить текущий title в компоненте
Children:
<template>
<CaButton
:background="isChoose ? '#2437DB' :...
Как поместить Icons вниз страницы Vue.JS Nuxt.JS Tailwindcss?
Привет,
создал компоненту, но не получается поместить кнопки в самый низ страницы с отступом слева чуть. Как это можно сделать? Что стоит подправить? Спасибо! Сейчас три иконки находятся на левой...
Подключение .gql файлов во Vue js
Здраствуйте.
У меня возникла проблема с подключением graphql файла во vue компонент
Вот сам импорт
import Register from '@/graphql/mutations/register.gql'
После подключения получаю ошибку:...
Перенос верстки во vue js
Здравствуйте, можно ли как-то перенести верстку на jquery во vue. С scss и html понятно, но как перенести во vue скрипты и jquery я не знаю. Есть ли какой-то способ?
Приходят не верные данные о ширине div обьекта
ребята уже больше суток не могу разобраться
<div id="price" class="pr w100p z0 disf fdc fjcc faic" style="min-width:500px;">
<div class="pr w100p">
<list_title ref="listTitle"></list_title>...
Как сделать чтоб в vue cli сразу запускалась функция?
Здраствуйте, у меня есть функцыя vue cli :
methods: {
selectPage(number) {
alert(number);
},
как я могу сделать так чтоб она сразу запускаласб при откритии страницы
Заготовка под Summernote
Здравствуйте, коллеги.
Есть ли у кого заготовка под Summernote, никак не могу встроить его к себе (то summernote is not a function, то Eslit ругается. на то что read only, ошибка за ошибкой, уже...
Заполнить dropdown vuetify
Добрый вечер
делаю свой проект на vue и есть одна трудность с отображением данных в дропдаун.
Не знаю как правильно распарсить то, что пришло по запросу и правильно отобразить в дропдаун
...
vue-chart.js
Странная ситуация, взял код из официальной документации, тобиш КandomChart но он просто не отображается на странице.
Вот есть код из ../src/Chart/RandomChart.vue
<template>
<div class="small">...
Создание билда nuxt.js
Привет всем. В nuxt.js я создал форму, которая работает на бэке с django. Как в nuxt.js создать билд или экспортнуть компонент формы, чтобы я эту форм мог подключить в любое место в, например,...
Как правильно реализовать роутинг?
В нюкст весь роутинг автоматически строится из папки pages.
В этой папке у меня находится динамическая папка под названием _tag/index.vue и в ней располагается еще динамическая папка...
Не изменяется url при переключении роутов
Доброго времени суток. Есть список сотрудников, который рендерится через v-for и оборачивается роутер-линками со ссылкой на нужный адрес с динамическим параметром. Компонент EmployeeList рендерит...
Failed to mount component: template or render function not defined при сборке webpack
Конфиг вебпака:
const path=require('path')
module.exports = {
mode:'development',
Зависает страница при логине
Привет всем. Делаю вход/регистрацию на nuxt+django. Когда пытаюсь залогиниться, то страница зависает, но код отрабатывает, т.к. при открытии новой страницы меня перебрасывает в личный кабинет. В чем...
Метод для подсчета кол-ва элементов в объекте массива
Есть кнопка, в которой есть условия для ее отображения, условие заключается в количестве элементов product.productArticles
Как посчитать кол-во элементов массива product.productArticles и вернуть...
Зачем тут value, если связывание работает за счет emit?
Не пойму зачем в потомке нужен :value="moduleValue", ведь изменение значения родителя происходит благодаря $emit...
Родитель:
<template>
<div class="app">
<div class="app__btns">
...
scroll в сафари
Странно работает скролл в сафари ios
X0i-a_8ot3s
Реактивность срабатывает только 1 раз
Утрированный пример:
const TestComponent = {
template: `
<div>
<input type="number" @input="handleInput" :value="inputValue">
</div>
`,
Работа с экземпляром в разных файлах
Добрый день коллеги!
Недавно узнал о существовании Vue.
И уже влюблён!
Вопрос.
Как работать с одним экземпляром класса в разных файлах?
Не работают обработчики событий vue
добрый день. Подскажите пожалуйста. не работает в index.html код v-on:click="alert('hi')"(не срабатывает обработчик события vue) перед комментарием
<!-- Здесь обработчик не срабатывает…. --> cтрока...
Как добавлять пиксели бордера классу при скролле на vue
Я хочу при скролле добавлять и убирать пиксели бордеров определенному классу. То есть когда я кручу вниз, бордеры увеличиваются с каждой прокруткой моего скролла, до определенного значения, и если я...
Как сделать чтобы первая строка удалялась только если в начале запроса есть символ | Vue.js
есть textarea с @keydown.ctrl.="newLine" в которой выводится запрос. При нажатии хоткея, если запрос начинается с символа | то происходит перенос на другую строчку символа и содержимого после него,...
Валидация VUEJS
Написал свой валидатор, который летает на сервер и смотрит зареган ли такой email. Суть вопроса заключается в том что при каждом вводе символа в инпут летит запрос на сервер, как это можно изменить?...
Как в Vue Carousel 3D добавить свои стрелки навигации?
Я использую плагин Vue Carousel 3D для создания галереи, но столкнулся с проблемой, что не могу поменять стрелки навигации. Стандартные стрелки можно заменить через спецсимволы html
<div...
Компонент текстовое поле, с интерактивными элементами
Добрый всем день. Нужно разработать компонент, в виде текстового поля, с возможностью создавать в нём различные интерактивные элементы.
Пример данных:
site: https://www.cyberforum.ru
login: ...
не могу распарсить
Доброе время суток , не могу никак роспарсить в фале App.vue json мне надо роспарсить і отобразить первих 10 картинок цель день ушол а толку нет , не понимаю что я делаю не так зарание спс...
Как подключить во VUE компонент СВОЙ ! UI?
Привет.
Хочу в компоненте VUE работать с привычными js файлами, где могу писать document.querySelector..... и тд, а не в самом компоненте VUE и влиять на элементы компонента. Не понимаю, как можно с...
Vue3 TypeScript ToDo
Добрый день!
Кто-нибудь может помочь? Как данный код переделать на TypeScript (добавить типы). ToDo App.
<template>
<div>
<input
v-model="inputField"
...
Не активна точка при нажатии в слайдере
Здравствуйте, проблема такая: при нажатии на определенную точку на слайдере она не активна хотя слайдер перелистывает картинки. При нажатии на кнопки влево/вправо точки становятся активными как и...
Метод удаления юзеров
Как реализовать метод удаления юзера
Юзер - это поля имья, картинки и свитч
Такое апи
arrUsers -(2)
0: Array(3)
0: {img: "1", name: "Alex", switch: true}
1: {img: "1", name: "Alex",...
Добавление/удаление <div>
Пробую реализовать добавление/удаление столбцов, а так же изменение значений свойств id и name в массиве.
Но происходит некорректное удаление, удаляется последний элемент, что видно на скриншоте
...
Как сделать сортировку версий по всем трем элементам Vue.js
Есть версии, отображаются в столбик ( 0.7.0, 0.6.1, 0.6.0, 0.8.0, 0.6.2 )
Как сделать сортировку так, чтобы версии отображались от меньшего к большему ( 0.6.0, 0.6.1, 0.6.2, 0.7.0, 0.8.0 )
Передача параметров parent-to-child
Недавно начал обучаться Vue.js
Есть vue объект, содержащий в себе компонент taskform.
Vue объект содержит такой параметр как список проектов,
projects:
Компонент отвечает за создание нового...
Не подгрузить js
Здравствуйте! У меня не подгружается файл owl.carousel.js, сервер отдает 404. По началу и стили не подгружались, я нашел решение, а вот с этой фигней уже полдня маюсь. Помогите, пожалуйста.
...
Как сделать так чтобы при нажатии на кнопку выводило форму
есть форма регистрации
<div v-if="show" class="form-wrap">
<div class="profile"><img src="https://html5book.ru/wp-content/uploads/2016/10/profile-image.png">
<h1>Регистрация</h1>
</div>
...
Передача данных между компонентами
Привет. Vue3. В одном шаблоне получаю массив. Нужно в другом этот массив получить. В доках нашёл как прослушать событие. В родителе
<temp @review-emit="addReview" ></temp>
<script>
methods:{...
Не выводит в консоль
есть проверка email все работает отлично, но нужно чтобы после удачного введения в консоли выводило "ок"
вот код. Console.log("ок") не работает
var emailRegExp = /^+@(+\.)+{2,4}$/;
new Vue({
...
Не показывает скрин стрима (Flussonic в Nuxt)
Решение Flussonic в Nuxt не работает при первой загрузке, вместо скринов со стримов чёрные экраны. Только если перейти на др страницу и вернутся, появляются скрины со стримов. Как можно это...
Nuxt ошибку выскакивает
Устанавливаю create-nuxt-app:
npm i -g create-nuxt-app
create-nuxt-app theory
Все устанавливается.
npm run dev
Выкидывает ошибку:
Изменение DOM в зависимости от выбора select
Собственно, вопрос в названии темы. Прошу если не показать маленький пример, то хотя бы сказать как называется такой фокус в документации.
Имеется выпадающий список типа select. Если выбираю первый...
Вывод имени компонента в теге
Привет. Решил отдельную тему создать. Суть такая. Хочу передать имя компонента в тег. То есть.
import SiteForm from './SiteForm';
export default {
components: {
SiteForm
...
Данные из объектов и массивов
Здравствуйте, есть (не знаю как правильно выразиться) массив объектов, который может в дальнейшем увеличиваться или уменьшаться.
players:
}
Как мне получить данные id последнего объекта?
Vue.JS Как реализовать вывод checkbox'a статична а не из массива
Интересует такой момент, с VueJS только начинаю знакомиться. Помогите сделать вывод checkbox из html а не из массива.
В моем случае, выборка input=radio работает по средствам html, есть на пример...
Настройка пагинации VUE
Есть файл с постами, которые импортируются по ссылке:
<script>
import modal from './components/modal.vue';
import PostCreate from './components/PostCreate.vue';
import PostList from...
Сохранение параметров сортировки
У меня на фронте сортировка в селекте. Обрабатываю по событию @change
<select v-model="sortType" @change="sortItemsBy">
В методах я делаю сортировку objects from data
sortItemsBy() {
...
Форма выбора файлов
здравствуйте, поделитесь плиз кодом
с возможностью выбора файлов разных типов, спасибо
Генерация путей
Здравствуйте, возник вопрос, делаю свой сайт на Nuxt.js, сделал пару страниц, но встал вопрос в автоматизации процесса, вот я буду добавлять страницы с материалами, статьи например, как мне сделать...
Использовать sass с scoped
Всем привет, возможно ли как то реализовать следующее: использовать style scoped вместе с lang="scss". То есть чтобы в локальных стилях я указывал стили при помощи синтаксиса sass (чисто для удобства...
Установка значений в store и использование store в компонентах маршрутов
Здравствуйте! Подскажите пожалуйста как правильно получать изменяемые значения из store
store.js:
import Vue from 'vue'
import Vuex from 'vuex'
import Modules from './modules'
import...
Обучение фреймворку Vue.js
Изучаю веб-программирование.
Изучил курсы HTML, CSS, JavaScript, jQuery. В планах PHP.
Попутно делал задания курсов, сам еще не программировал особо.
Как писать на JavaScript, jQuery понятно.
В...
Сборка проекта с Vue2 в Webpack 4
Проблема при подключении любых css и некоторых vue компонентов высыпаются ошибки при загрузке страницы что не видит компоненты при этом сборка проходит норм ошибок нет. Уже голову сломал не знаю куда...
Чекбокс с несколькими состояниями
Есть вот такой чекбокс
<template>
<label class="checkbox_container smp">{{this.label}}
<input type="checkbox" :value="value" :checked="isChecked" @change="change">
<span...
Как сделать, чтобы кнопка увеличивалась после удаления текста слева от нее? Vue.js
Есть панель, где кнопка занимает всю высоту и ширину, но если пользователь вводит titleLeft, то кнопка уменьшается до размера ее содержимого и слева от кнопки появляется текст введенный...
Как вытянуть данные из Api, используя Vue?
У меня есть таблица mark, color,
mark: id, title
color: id, title
В Api прописан скрипт получения и mark и color
/**
Для чего нужны слоты?
не могу понять для чего нужны слоты? Объясните пожалуйста кто-нибудь своими словами в каких случаях без них не обойтись.
Vuex и роутинг
У меня есть маршрут
{
path: '/category/:name',
name: 'Category',
props: true,
component: category
}
Например category/books. Как мне на этой странице...
При добавлении v-if пропадает текст
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<div id="app">
<div class="container">
<button @click="show = !show">click</button>
...
Tabs vue-styled components
Как реализовать Tabs на vue-styled components
с отмеченым активном табом
Не работают компоненты
Здравствуйте.
Попался проект на доработку. Серверную часть обновил без проблем, а вот клиентская.....
Навигация по сайту организована средствами pjax. И вот собственно проблема: при полной...
Не работает for
Привет, начал изучать VueJS и не могу понять почему ругаеться на цикл for вот код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue JS</title>
<script...
VueJS Vuelidation ошибка Cannot read properties of undefined (reading 'super')
Ошибка в консоли браузера. Vue 3.
Cannot read properties of undefined (reading 'super')
Во вложения кинул скриншот консоли
В package.json всё есть:
"dependencies": {
...
Увеличить переменную на 1 или на 2
Всем привет, направьте меня пожалуйста в правильную сторону - пытаюсь сделать так чтобы значение увеличивалось на 1, если нажата кнопка "Increase with 1", и на 2, если нажата кнопка "Increase with...
axios & fetch во Vue.js
Здравствуйте всем. Я пару дней назад начал осваивать Vue и не могу реализовать загрузку данных через fetch или axios, а если точнее из отображение, так данные приходят. Вот код компонента:
...
Как сохранять код в html, который генерирует vue
Здравствуйте, на сайте есть блок , который динамически генерирует доп блоки , в которые можно добавлять информацию, после перезагрузки страницы, эти блоки пропадают , есть ли возможность, чтобы...
Проверка на пустой imput
Здраствуйте, скажыте пожалуйста как можно проверить пустой ли imput type="password"
Также как можно проверить есть ли какоето особое значение в input
<script...
Как оставить только один класс приоритетного уведомления в разметке Vue.js
Есть иконка с точкой над ней, которая окрашивается под цвет уведомления.
Уведомления есть трех типов success - зеленый, warning - оранжевый, error - красный.
Уведомления окрашиваются по...
Передать данные в php
Может кто-то в 2021 знает решение))))
Как передать в php данные
product2:{
formName:"Модель",
name:"",
phone:"",
checkbox:!0,
attemptSubmit:!1},
Сохранение store в router vue ssr
Использую vue ssr, создание store через createStore() и т.д.
Необходимо при определенном роуте в router сохранить текущий store и перенаправить пользователя.
Пробовал передавать в начальном файле...
Получать в data динамический массив
Добрый день. Сижу изучаю vue.js
Не могу понять один момент и решить своб проблему.
Есть такой блок кода
<select model="selected">
<option v-for="item in options" v-bind:value="item.id">
...
Стили активного блока
Доброго времени суток! Подскажите пожалуйста как организовать применение отмену стилей в зависимости от того какая ссылка активна. Вот код
<div class="col-12 col-lg-5 mt-3 mt-lg-0...
Как отодвинуть скролл на 20px вниз от верхнего края Vue.js
Скролл находится справа, как можно отодвинуть его вниз от верхней части блока, например, на 20px. Средствами css невозможно сделать в силу верстки, верстку не поправить т.к. используется...
Смена условия v-if на v-show
Смена условия v-if на v-show дочернего компонента, вендорный пакет, не хотелось бы костыли писать и копипастить код, через ref ссылку. Может через extended можно как-то сменить? Или какие-то другие...
Сохранить на пк демо двух страниц
https://codepen.io/tochkadev/pen/GWzXRN
Если это скролл по страницам - подскажите как сохранить на пк демо двух страниц. Что то не получается.:wall:
Добавлено через 40 минут
Что-то как рыбы все...
Создание авторизации на Vue3
Здравствуйте! Подскажите, как создать авторизацию (как в админпанелях) на Vue3 - нужны толковые и лаконичные обучающие материалы (желательно видео).
Правильно ли писать addEventListener в Vue.directive
Здраствуйте, скажите пожалуйста правильный ли подход устанавливать слушатели собитий на директивы
например
Vue.directive('num', function (el, binding) {
el.addEventListener('input', event => {...
Клик собитыя поста
Нужно создать страницу создания поста похожего на этого по таким ключам
ещё нужно по клику на пост выводит его в console.log()
Теги Vue для ботов и поисковиков
Добрый день,я начинаю делать проект и вижу уже будущие,что все поисковые системы будут ругаться на эту фигню типа v-on,v-model и т.д
Я слышал,если какие-то способы пофиксит отображение в этих тегов...
Как бы вы оценили такой language dropdown с анимацией vue 2 cli?
Здравствуйте, так как мне нужно было сохранять svg inline желательно не в массиве я сделал такой dropdown. Какие на ваш взгляд ошибки я допустил при его разработке
vue 2 cli/js/scss/bem/i18n
...
Как сделать v-if для v-if?
Не могу понять , к чему мне надо присвоить v-if , что бы когда я выбрал пункт Admin, затем нажал на пункт Inf у меня скрылось меню что было открыто раньше ,а именно Inf Make Give Ban и появилось...
VUE CLI (CLI-VUE-BABEL) не собирается в работающий проект
После сборки проекта, сам проект не работает (RAGE MP сервер не открывает браузер). Проблемы в самом коде нет, т.к. не работают и более ранние версии проекта. Скорее всего дело в конфиге, но я не...
Как в Wordpress на Vuefront (Nuxt.js, Vue) отредактировать HTML, CSS стандартного шаблона?
Здравствуйте. Подскажите, пожалуйста, какие файлы за него отвечают.
Спасибо.
Debonce на v-select
Хочу сделать задержку перед вводом в инпут чтобы не отправлялись каждый запрос на введения каждого символа
Думаю проблема описал
Использую метод debonce с примера ...
Как сделать в роуте, что бы родительский компонент редиректил к ошибке, но при этом работали дочерние?
Как сделать в роуте, что бы родительский компонент редиректил к ошибке, но при этом работали дочерние?
Естественно, код ниже не работает. Вернее, урл дочернего компонента не выдаёт ошибку, но и не...
Использование Dexie для кэширования данных
Приветствую. Пытаюсь использовать Dexie для кеширования данных на стороне браузера. Проблема в следующем:
По v-for пытаюсь вывести список элементов в которых есть компоненты получающие данные из...
Как $emit может менять пропсы, если они только для чтения?
Здравствуйте.
Столкнулся с проблемой.
Вот код:
<template>
<select :value="modelValue" @change="updateValue">
<option disabled value="">Выберите из списка</option>
<option...
Ошибка при запуске vue.js
Привет Никак не победить vue. Делал по разным примерам. Последний этот. Постоянно ошибка
export 'default' (imported as 'VueRouter') was not found in 'vue-router' А в консоле браузера Uncaught...
Vue.JS + google
Дали сайт с проблемой "не гуглиться", Известно что сайт написан на vue.js и писался без nuxt.
Что делать? как быть? как подружить сайт с гугл? куда смотреть? что менять ?? гугл дает разнобойные...
Вывод медиа файлов в чате vue laravel
Как лучше организовать вывод изображений в чате?
Чат делал на vue js
таблица
messages-
id-
content-
room_id-
Таблица chats
Как отобразить код yaml в js
Привет.
app.component('yaml-created', {
template: `
// Тут yaml код
`
})
Мне нужно отобразить yaml код. Я составляю фид файл и хочу видеть результат. А потом отправлю сами данные на сервер и...
Как создать проект?
В этом деле новичек и при первом же применении столкнулся с такой ошибкой в терминале
skachkovsergey@Skachkovs-MacBook-Pro ~ % sudo npm create vue@3
> npx
> create-vue
sh: create-vue:...
Дочерние компоненты
Использую Vue CLI, все компоненты находятся в папке components, каждый в отдельном файле. Можно ли один из них назначить дочерним другому из этой же папки? У меня как-то не получается
файл...
Как отрендерить или просто вывести значение объекта с сохранением разметки
Всем привет
Раньше писал подобные штуки на PUG на сборке TARS, но щас нужно сделать NUXT3 VUE
Суть вопроса
Есть некий объект
...
{
color: theme.colors.blue,
logo: 'ringloop',
Чат с пользователем
есть такой код но сообщение не отправляется в чат
const socket = io()
Vue.component('chat-message', {
props: ,
template: `
<div class="message" :class="{'owner': message.id === user.id}">...
Передать путь к аудиофайлу от компонента родителя к детке
Здравствуйте, силами vue-cli создал проект.
В папку src/playlist положил файлы *.mp3
Как из родительского компонента App.vue передать путь к аудиофайлу в дочерний Player.vue ?
Методом плясок с...
Не проходит условие на равенство vuefire
не проходит условие на равенство
но если написать так
if(user.login == "admin" && user.password == "19721948")
{
console.log("Вход выполнен успешно")
...
Не прорисовываются мета-теги на странице с использованием vue-meta
Здравствуйте! Для добавления мета-информации в <head> используется vue-meta (https://vue-meta.nuxtjs.org/guide/metainfo.html) или вот официальная дока:...
Исправить логику
Только начал изучать vue.js. Создал простую страницу: компонент PostCreate создает запись на страницу в список PostList, элемент можно удалить, заполнять также можно самому или создать пустой. Решил...
Редактирование формы
Добрый день, есть форма в ней пару полей они заполняются какими-то данными, я хочу например если изменяется поле 1 сделать дисайбл поля 2 и наоборот, как это во vue можно сделать
<template>...
При клике на чекбокс в EDGE все работает а в мозиле и сафари траблы)
http://nstk54.beget.tech/news
Вот твюа функция которая срабатывает при клике на чекбокс
Отправляет массив диаметров выбранных чеков
Получает массив из БД постов которые содержат эти диаметры
...
БЭМ и Vue.js
Применима ли БЭМ-методология к Vue.js?
Или там свое?
Улучшить код
Представлен кусок кода, который нужно преобразовать в адекватный код
Будьте добры, предложите свои версии улучшения и, по возможности кратко прокомментируйте свои решения
Буду очень благодарен.
...
Не работает serve после обновления node
Привет. После обновления node до последней версии 17.2 , не запускается приложение с "serve": "vue-cli-service serve",
Такая ошибка в терминале. Как решали?
opensslErrorStack: ,
library:...
Локализация квизов на Vue
Здравствуйте друзья!
пишу квизы на VUE
как задать первый параметри выбор языка прохождения теста
как подгружать 3 выда тестовов на 3-х языках?
как при выборе языка чтобы пропал этот вопрос и у...
Реализовать переиспользованый компонент?
Как реализовать компонент который может принимать картинку (картинка может быть любой), title, description. Главное чтобы компонент мог переиспользоваться (разная картика, title, description )...
Nuxt 3 серверная часть
Уважаемые, хочу узнать следующее, мне нужно считать кукисы при запросе, далее проверить их, и уже клиенту отдать результат. Мне может ли кто объяснить логику, последовательность. Мне надо из клинской...
Как изменить значение массива?
Всем привет. Получаю список в шаблоне vue при помлщи axios
users: ,
Мне нужно один из элементов сделать ссылкой. На данный момент я передаю ссылку в массиве из запроса php. То есть так...
#refs с вычисляемым ключом
Добрый день.
У меня имеется несколько компонентов одного типа. Мне необходимо к ним обратиться из другого компонента.
Я сделал ref-ссылки: :ref="'chkBox'+system.id"
Как мне теперь обратиться к...
Сделать архитектуру
Всем привет, нужна помощь
Код нужно разбить на компоненты
Как будет выглядить код, если он будет разбит на разные компоненты
Примерно такой список должен выйти
-компонент на основе...
Как ставить условия к тегу tr при итерации цикла for?
Есть массив или объект. В нем наименование анализов и цены. Как при цикле сделать так что бы после вывода 4 тег td начинал с новой строке tr (Наименование-цена,Наименование-цена и новая строка)...
При нажатии на копку должна выполняться функция из бэка
Подскажите пожалуйста
есть кнопка на vue js, есть функция на c#, подскажите, как сделать чтобы при нажатии на кнопку срабатывала функция
Обработка чекбокса vue для php
Добрый день, мне нужно вызывать php скрипт при зажатом флажке, все действия выполняются во фрейме,
вот сам чекбокс
<el-checkbox v-model="form.check" name="openbot" value="167">Отправить...
Подскажите с синтаксисом
Как правильно написать эту строчку
<iframe src="/'product.id'/file.php' " frameborder="0"></iframe>
чтобы получить что-то вроде этого
<iframe src= "/5/file.php...
Маршрутизатор Vue возвращает 404 при повторном обращении к api URL
Например если с главной страницы пройти в католог то страница работает. Если обновить страницу то выдает 404.
В консоли
error get category by id Cannot read properties of undefined (reading...
Отрисовать массив обернутый в Proxy VUE
Пришел массив вида: Proxy {0: Proxy, 1: Proxy, 2: Proxy, 3: Proxy}
]: Object
]: Array(4)
0: Proxy {sale: '-50%', price: '2 ds777 р.', info: '22 отзывов', rating: '4', img: 'image.jpg'}
1:...
Несколько задержек в зависимости от URL
Добрый день, не могу реализовать автоматическую смену URL в зависимости от текущего.
Имеется 3 URL:
/red
/green
/yellow
Нужно чтобы они последовательно изменялись спустя 1 секунду + изменялись...
Vue.js Картотека
Задумал сделать пробный проект на вью. Картотеку.
тоесть три экрана. Добавление новой анкеты. отображение списка анкет(желательно с поиском). и отображение анкеты с возможностью редактирования....
Добавить город используя POST
Всем привет, пытаюсь разобраться в следующей задаче
- Список городов должен отображаться сразу при загрузке страницы (сделала)
- При нажатии кнопки должен выполняться POST-вызов, добавляющий город...
Вытянуть параметр ID из svg файла, и вывести его циклично в нужной структуре
Всем привет! Есть файл svg, в нём структура типа:
<svg style="display: none;">
<symbol id="app-16" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M11 2H5a3 3 0 00-3 3v6a3 3 0 003...
Vuejs что я сделал не так?
Помогите решить с формами где я ошибаюсь?(см. по фото, макет и то что сделал я)
код:
<template>
<v-container
class="fill-height"
fluid
>
<v-flex
justify-center
Привязка к объекту
здравствуйте, брал отсюда:
https://metanit.com/web/vuejs/3.3.php
Привязка к объекту
Также каждый из переключателей может быть привязан к сложному объекту. В этом случае используется атрибут...
Множественный ключ
Как можно использовать в объекте data множественный ключ?
Скажем что бы под 'views.State.b можно было подсунуть два символа x и l
export default {
props: ,
data: () => ({...
CRM на Vue
Здраствуйте.
Основы React или Vue понятны. обьект данных передаётся параметром в корневой элемент и дальше по цепочкеб
Но вот если стоит задача создать интерфейс для CRM или системы учёта какой...
Акордеон с чекбоксами
Всем привет. Подскажите пожалуйста,как при клике на чекбоксы сформировать роут вида:
/categoryName=name12,name0&categoryName2=name71,name17.
Вот мои наработки, у меня есть парент компонент в...
Неправильное вычисление даты библиотекой Moment.js
Здравствуйте, использую библиотеку Moment.js для даты. И вот при вычислении сколько осталось времени до конца аренды пишет неправильное значение
showOrder()
{
...
Расположение блока на одному уровне с другими блоками
Не могу понять где ошибка , хотел сделать так , чтобы когда я менял позицию объекта , чтобы он не смещался чуток в низ , а был на его уровне , как показано тут
<div id="app" class="wraper">
...
событие v-on:animated
Здраствуйте подскажыте пожалуйста как вместо костиля-таймера в
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<button id="sendPassword" :class="VSendClass"...
Как использовать переданный параметр при сборке в кастомный скрипт?
Перед сборкой (yarn build) проекта, запускается кастомный скрипт (script.js)
"build" : "node script.js && vue-cli-service build"
Я хочу, чтобы при сборке был параметр yarn build --noversion. В...
Замена условий в html
Делаю грид, формируются колонки через цикл, некоторые данные перед выводом как-то готовятся. Реализовано это через условное ветвление(пример ниже). Хотелось бы условие и его вложениe перенести в код....
Построение линейных диаграм
С сервера получаю данные в следующем виде:
{
"count":3,
"next":null,
"previous":null,
"results":
Нужно построить 2 линейные диаграмы. На одном графике, или на двух -...
Как собрать нормальный скрипт из шаблона?
Есть сайт, собран на vue
есть блок с картинкой, когда водишь мышкой по картинке, то у нее меняются координаты и она как бы двигается за мышкой
шаблон вот такой:
<template>
<section
...
Nuxt как правильно создать динамические роуты для каталога
Всем привет!
В папке pages у меня создана структура для каталога:
catalog
_categories
_subcategories
_slug.vue
index.vue
index.vue
Vuerouter - запрос на бэкэнд
Всем привет!
Столкнулся с ситуацией, когда при использовании в приложении Vue роутера (vue-router) запросы, выполненные с помощью axios обслуживаются роутером, а не апачем.
Пример запроса axios:...
Нажатие на кнопку и смена текста
Не могу понять , почему при нажатии не меняется текст ?
<div class="wraper">
<div class="sklad" id="sklad">
<div class="tabs1" @click:class="{ active: isActive }">
...
Vue native navigate
Всем привет!
Столкнулся с проблемой маршрутизации:
Необходимо показать навигацию без верхней челки и чтобы при нажатии на кнопку открывало HomePage.
Как "запилить" такую "кастомную" навигацию даже...
Запрос языка
С помощью радиокнопочек,спросить какой язык для него родной (например, ru, en или de). Сделать так, чтобы выбранный язык вывелся в абзаце под радиокнопочками или в регистре(желательно. (можно...
Анимация схлопывания - аналог slideup на vue
нужно реализовать аналог slideup() на vue
при удалении элемента в вертикальном списке имеющим общий border
проблема - при удалении элемента не происходит схлопывание (как при slideup() - где...
Импорт sass в script
Добрый день, у меня вопрос возможно ли реализовать то, что я хочу.
Я имею в файле sass следующее:
$color-1: green
$color-2: olive
$color-3: silver
$color-4: navy
$color-5: fuchsia
$color-6:...
Как на Vue реализовать вывод элементов списка только тех которые попадают в область экрана другие подгружать ?
При отрисовке списка выводить только те элементы которые попадают в область экрана
График с возможностью редактирования значений
Совсем зеленый во vue. Нужно построить график и редактировать значения на этом графике, по принципу эквалайзера. Чтобы двигать мышкой на графике точки значений и сохранять новые значения. Как можно...
Корректный URL адрес
Всем доброго времени суток. Подскажите пожалуйста, как можно создать корректный url адресс вида domain/#/category/1,2,3,4/year/1,2,3,5
У меня есть два компонента.
Родительский компонент
...
Ошибка при импорте класса
есть mixin.js, в нем выполняется импорт компонента
import ApiHolder from “@/ApiHolder.vue”
export default {
…
methods: {
myMethod (response) {
const holder = new ApiHolder(response);
}
Заменить false(true) на off(on) у чекбокса
Привет. Вот код компонента, который выводит чекбокс
Родитель. Form.vue
<template>
<form>
<check-box :check="check" v-model="vl.check" ></check-box>
</form>
</template>
Окно загрузки открывается дважды при использовании Element-IO
Встроил вот этот аплоадер - https://element.eleme.io/#/en-US/component/upload#drag-to-upload
При нажатии на него, открывается окно загрузки, но после выбора и закрытия, события элемента не...
Где ветка NuxtJS ?
Где ветка NuxtJS ???
Ожидать данные из сервера
Помогите студенту. В школе задание. Node js опрашивает по modbus датчики температуры. Нужно состояние этих датчиков отобразить в браузере через vue. Как правильно передать температуру на страничку,...
Как узнать свойства и методы при написании кода?
вопрос общего характера, но т.к. тестовый пример на 'Vue', то спрошу здесь
----
Создал два базовых проекта на Vue - один на JS, другой с поддержкой TS
IDE: VS Code.
Добавил в разметку...
Задать количество постов на странице
Есть страничка, куда по ссылке подргружается 100 постов. Есть компонент пагинации, как сделать так, чтобы на каждой странице отображалось по 10 постов, а на следующие можно было перейти через...
VUe Native
Стоит ли юзать vue native?
Есть ли сторонние библиотеки с контролами и другими ништячками?
(Дайте ссылок).
Или стоит смотреть в сторону других технологий?
Пути при сборке
Привет. Пытаюсь подключить приложение на страницу сайта. В приложении две страницы
App.vue
<template>
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>...
Просьба посмотреть вид vue-instant
Всех с наступающим !
Для поиска по введенной строке я добавил компонет vue-instant на страницу с кастомным дизайном :
<div class="form-group">
...
Emit клика через компонент в App. Vue3
Коллеги, помогите разобраться, как организовать emit клика радио-кнопки от ComponentB.vue через ComponentA.vue в App.vue с использованием Composition API.
код App.vue:
<template>
<ComponentA...
Как работает Nuxt.js?
Хочу создать новостной сайт, у которого будет потенциально бесконечная лента новосей (подгружаются при достижении низа страницы).
Узнал про Nuxt, который добавляет SSR, но некоторые вопросы...
Как вставить всплывающее окно в кнопку?
есть такой код во Vue, там есть кнопка (строки 13 - 15), как сделать так чтобы он не переходил на след стр а открыл всплывающее окно?
html
<template>
<div class="container"><div class="row">...
Как вставить в шаблон ответ сервера
Привет. Однофайловый компонент.
<div id="app" >
<shop-created ></shop-created>
<yaml-created v-if="front" />
<feed-file v-if="server" />
</div>
const app = Vue.createApp({
Почему вызов $router.push( ) не загружает новую страницу?
Я хочу загрузить новую страницу в браузере. Адрес страницы я формирую в методе this.$router.push(route);
Если текущий адрес normacs-sbe.work.kodeks.ru:8080/document/1.10u82/card, а новый адрес...
Компоненты
вот пример из офф.доков
<div id="blog-post-demo">
<blog-post
v-for="post in posts"
v-bind:key="post.id"
v-bind:title="post.title"
></blog-post>
</div>
Выбор стиля по условию
Добрый день.
Имеется код, который выводит поток данных из БД в таблицу.
При этом каждой ячейке таблицы присваивается свой класс. В моем случае есть
<td class="order-item__count"></td> в которую...
Блоки залазят друг на друга , если нажать на один блок
У меня есть три блока, при нажатии на один из них , у меня должно примениться active только к тому блоку , на который я нажал, вот сам актив
&.active {
width: 100%;
height:...
Как ещё заставить вычисляемое вычисляться
Здравствуйте! Пытаюсь оптимизировать запросы к внешним ресурсам за счёт выноса методов в computed (что бы не запускать их в methods). Есть в компоненте такой мультиселект. По его нажатию (или...
Unit testing
Всем доброго времени суток. Подскажите пожалуйста, как организовать процесс написания unit тестов и на что нужно обратить внимание при тестировании компонентов, а то что то запутался.
Директивы
здравствуйте, на ресурсе
https://webdevblog.ru/15-obyazatelnyh-direktiv-vue-kotorye-znachitelno-uvelichat-vashu-proizvoditelnost/
директивы Vue и там сказано, например:
Установка: npm install...
Отображение сайта после установки Nuxt.js
/Здравствуйте. Подскажите, пожалуйста, почему не открывается сайт после установки всех компонентов и шаблона по адресу localhost:3000?
Ошибка:
ERR_CONNECTION_TIMED_OUT
Подключение vue-router (ts) к store
Всем примет.
Кто подлючал роутер к стору ?
В моей сборке роутер написан на TS.
А в импортах указать TS файл нельзя.
Я вроде как понимаю что перед запуском проекта все TS файлы перегоняются в JS...
tailwind в vuepress
Здравствуйте!
Подскажите, пожалуйста,почему у меня не работает tailwind в vuepress?
config.js:
module.exports = {
postcss: {
plugins: ,
},
title: 'Hello VuePress',
...
Как рендерить массивы c дочерними эелментами
Как отрисовать во vue массив вида:
categories:
},
{
id:2,
title: "name_2",
childs:
},
Компоненты во Vue.js
Всем привет! Такая задача: создать компонент корзину на vue.js. Не могу разобраться как же именно ее подключить как компонент?
вставляю в шаблон pug
.cells
.cell.cell-xl-8
...
Как задать время для каждого push уведомление?
Столкнулся с проблемой , что когда я вывел уже одно уведомление с длительностью допустим 20 секунд , а затем вызываю другое уведомление с длительностью 10 секунд эти 10 секунд применяются к первому...
Обращене к параметру из data() из eventListener функции
как я могу обратиться к моему параметру из data() допустим array из данной функции
Array.prototype.forEach.call(fields, function (input) {
let label = input.nextElementSibling,
...
Почему ничего не записывает?
Всем привет!
Использую Pinia + Vue3
Сделал подписку на событие хранилища
authStore.$onAction((callback) => {
console.log(callback)
if (callback.name === 'setToken' &&...
Сортировка в таблице
Всем привет. Осваиваю vue. Вывожу данные в таблицу при помощи vue-axios. И пытаюсь сделать сортировку.
Файл App.vue
<template>
<PostsList :fields='fields' :posts ="posts" ></PostsList> ...
Vue 3 ништячки
Где то мне попадалась ссылка на github, где длинный список
со ссылками на сабж.
Дайте ссылок.
Переименование полей в таблице с сохранением сортировки
Привет. Есть таблица со списком контента. Название столбцов совпадает с названием полей в БД. И по ним осуществляется сортировка. Но если я хочу переименовать название в нормальные. Не created_at,...
Vue 3 API
Всем привет.
Вопросы, возможно, глупые, но пара дней насилования гугла результатов не принесли.
Прошу пояснить несколько моментов по API.
1. Пример из мануала по ref:
<template>
<input...
Как сделать активную ссылку по умолчанию со всеми параметрами во vue-router?
как сделать чтобы при переходе в меню PRODUCT была уже нажата любая кнопка выбора продукта из этих (prod | prod-a| prod-b)
ps: только изучаю vue-router, тыкайте носом в любые ошибки, и еще никак не...
Настройка vue для cms
Привет всем. Решил на одной смс попробовать нарисовать шаблон используя vue3. Папки с шаблонами в данной смс лежат в директории /templates. Использую Open Server. Сделал vue created project в...
Могу ли я как-то здесь обойтись без computed?
<div id="app">
<div class="characters">
<div v-if="account.vip" class="logo vip">
<span>VIP Gold до {{ account.vip }}</span>
...
Перенаправить с компонента если не передали query параметр
Есть компонент, обслуживающий определенный route, например карточка товара.
Он в setup() получает из route.query параметр для отображения и для загрузки по нему информации из api. Ещё в компоненте...
Объект в url при использовании vue-router
Привет. Собственно сабж. Laravel 8 vue3
app.js
require('./bootstrap')
import { createApp } from 'vue'
import {createRouter, createWebHistory} from 'vue-router'
import { routes } from...
Создание компонента
Помогите сделать из моего кода компонент
<div id="chooseListStudents">
<ul v-for="(group,index) in groups" :key="group.id" v-show="isShow">
<h3 @click="showGroup(index)"> Group...
Время , которое пользователь может задавать сам
Подскажите , хотел сделать , чтобы я мог при помощи input задать длительность анимации для блока, у меня есть две анимации fadeOut - которая делает появления и исчезновения блока, а также runProgress...
Для чего нужен boundFn
Мне понадобилось в хук компоненты добавить следующий код
mounted() {
this.$nextTick(() => {
this.resetSomeData = function () {
/* сохранение некоторых данных */ ...
Поменять значение на :активное
Есть json массив продукта с его дочерними элементами, пример json:
product:
},]
Как мне поменять значение product.type.title на тот, на который перейду по ссылке(кнопке)?
<template>
Не работает splitter в html
Всем привет. Недавно начали заниматься программированием. Дали задание, разделить эти 3 элемента (div id="split") через splitter, чтобы можно было курсором перемещать перегородки, но у нас они не...
Vue 2 и router 4
Юзаю Vue js версии 2.
Не перехожу на 3, потому что bootstrap vue не поддерживает vue 3, только 2.
Вопрос: можно ли юзать Vue Router верии 4 на Vue js 2?
Таблица с возможностью добавления и удаления строк
Здравствуйте! Как можно создать таблицу, в которую вводятся данные из двух полей для ввода, с дальнейшей возможностью удаления этих строк в таблице?
Передача задач с todo-list на сервер
Всем привет, у меня есть созданный ToDoList на Vue3 и мне нужно чтобы данные не исчезали при обновлении.
Есть адрес сервера(компании) куда нужно сохранять задачи и читать чтобы они отображались в...
Методы увеличения производительности средствами Vue
Здравствуйте!
Попробовал этот метод: https://stackoverflow.com/questions/48641295/async-computed-in-components-vuejs#comment110123452_48642995
Решил вынести методы получения данных в computed....
Использование переменных окружения в HTML разметке
Есть vue приложение. В index.html подключение скриптов, плагинов, точки входа. Как можно в этом файлике использовать переменные из .env?
грубо говоря, пусть даже элементарно рядом с точкой входа...
Что это за атрибут?
<div id="app">
<userslist :users="users"></userslist>
</div>
вот далее строка 4, атрибут :user="user", что он делает?
Vue.component('userslist', {
props: ,
template: `<div>
...
Есть поле для загрузки изображений, как можно эти изображения получить?
<input name="file" type="file" id="field__file-2" class="field field__file" multiple accept="image/*,image/jpeg">
Поле для загрузки изображений на сайт, как можно получить их для последующего...
Кнопка для выбора всех параметров
Здравствуйте, подскажите пожалуйста как на vue 3 composition api, сделать кнопку для выбора всех параметров
Если точнее, то п клику на кнопку, у карточек должны появиться бордеры
Сортировка аттрибутов товара в зависимости от значения размера Vue js
Добрый вечер или день уж не знаю , есть такая vue представляет из себя карточку товара ,по идее как с выбором размера ,но вот размер к сожалению так и не выбирается ,логика работы должна быть такая...
Вывод пункта меню в нужном месте
Привет. Есть меню.
MainMenu.vue
<ul>
<item-menu v-for="(model,index) in menu" :key="index" :model="model" />
</ul>
ItemMenu.vue
<li>{{ model.title }}
<ul><item-menu v-for="(model, index)...
Регистрация компонента и как происходит получение данных
Добрый день.
Свалилась на меня задачка по доработке текущего функционала.
Проектик на Vue.js. С ним не работал, поэтому параллельно еще изучаю его.
Но есть вопросы, на которые не могу найти...
Как добавить второй контейнер?
Привет. user.js
import {createApp} from 'vue';
require('./../../bootstrap')
import $ from 'jquery';
import "bootstrap/dist/js/bootstrap.min.js"
import "bootstrap"
import App from...
Как сменить порядок кнопок пагинации для строк таблицы
Здравствуйте! Использую vuetify. Из документации в примерах кода таблиц ничего об этом не нашёл.
https://vuetifyjs.com/en/components/data-tables/#usage
Проблема: левая стрелка листает вперёд....
vue router порядок кода
Как этот гкод можно сделать более комфортным и читабельным.
import LayoutIndex from "@/components/LayoutIndex";
import LayoutApplications from "@/components/LayoutApplications";
import...
Изменение переменной VUEX
Нужно изменить при клике тип переменной с false на true.
<button class="cart_btn" @click="SET_MODULE_VALUE">Корзина</button>
export const store = createStore({
state:{
...
SetTimeout для Fetch запросов в VUEX
Удалите тему, разобрался
Добавление глобальных фильтров
Добрый день. Изучаю основы VueJs и мне не понятно, почему у Main.js структура отличается от того, что представлено в видеоуроках и официальном сайте Vuejs. Впервые столкнулся с этой проблемой при...
Динамический вывод форм
Всем привет.
<template>
<ul >
<li v-for="(item,index) in tabs" :key='index' class="nav-item">
<a :href="'#tab'+index">{{item}}</a>
...
Получить value в компоненте
Привет.
Field.vue
<template>
<input class="form-control" v-model="vl.name" />
</template>
<script>
export default {
name: 'InputText',
Axios выборка в массив по одному элементу
Добрый день! Подскажите как решить мне такую проблему. Мне необходимо при получении ответа от запроса заполнить массив путем накапливания единичных запросов (т.е. выборка из базы разных данных и...
Ищу плагин для vue/pure js
https://www.npmjs.com/package/react-photo-gallery
Ищу аналогичный плагин для вью
Vuetify, доки
Где надыбать нормальные доки по:
<v-layout>,
<v-flex>?
Тут:
https://vuetifyjs.com/en/api/v-layout/
https://vuetifyjs.com/en/api/v-flex/
нету нормального описания компонентов и их атрибутов.
Пользовательсткое исключение vue.js
Вопрос к знатокам:
VueJs 2
такой код
export async function login(email, password) {
await http.get("sanctum/csrf-cookie").then(() => {
Как передать в selected функцию?
Есть родитель.
<field-select :options="options" :v-model="vl.name" ></field-select>
data() {
return {
vl: {},
}
},
setup() {
Значение двух селектов
Добрый день.
Возник вопрос.
У меня есть 2 селекта.
Один управляет темами, другой подтемами.
Не в каждой теме есть подтема.
При выборе темы , если есть подтема нужно отобразить второй селект и...
Vue js ништячки
Router, VueX.
Vuelidate
Vue-Resource
Какие есть еще интересные ништячки для vue,
которые полезно юзать.
Посоветуйте.
Новые блоги и статьи
|
|||
|
сукцессия 29. Переход от одних деревьев на другие делать более или менее вероятностным?
anaschu 12.07.2026
Насколько смена типов микоризы — исключительное событие в двухвековой сукцессии? Оценка вероятности в пространстве параметров
В текущей версии модели успешно реализован ключевой механизм. . .
|
сукцессия 27. Думаю, как переделывать уже написанную статью с планами на сукцессию.
anaschu 12.07.2026
Анализ соответствия модели требованиям
Реализованные компоненты:
Механизм закисления почвы через протонную помпу
Конкуренция между типами микориз
pH как триггер сукцессии
C/ P соотношение. . .
|
Сукцессия 26. Мат модель создана.
anaschu 12.07.2026
Модель смены растительных сукцессий посредством управления грибами работает внутри небольшой ячейки почвы, восстанавливающейся после пожара, где ненадолго бывшее царство хвойных снова захватили. . .
|
Решил проблему с ошибкой пагинации сообщений с сервера на алгоритме обхода дерева "Эстафета хвоста".
Hrethgir 12.07.2026
Проблема была в том, что удалялась именно новая кнопка, а не старая. Ни один ИИ не обнаружил это, а сам я смог только когда с работой стало попроще и когда заставил работать будущее автономное. . .
|
|
сукцессия 25. Хронология ошибок
anaschu 12.07.2026
# От 50-тонного гриба до устойчивого леса: хроника ошибок при построении модели вековой сукцессии микоризы
## О чём эта статья
В процессе построения ОДУ-модели (система дифференциальных. . .
|
сукцессия 24. Промежуточное общее описание модели
anaschu 12.07.2026
Хендофф: модель АМ→ЭКМ сукцессии микоризы (ризосфера, 50 лет)
Содержание проекта
Симуляция вековой (50 лет) экологической сукцессии в почве леса
Основные участники: АМ-гриб, ЭКМ-гриб,. . .
|
сукцессия 23. Более физиологичная физиология, более экологичная экология, более диффурные диффуры.
anaschu 12.07.2026
Что реально нашли и починили за эти 5 часов
Правило Линдемана (КПД конверсии сахара в тело, kEff) — раньше 100% полученного углерода шло прямо в биомассу гриба; теперь только kEff=0. 5 (после. . .
|
сукцессия 22. От артефактов к физиологии: калибровка агентной модели грибной сукцессии для воспроизведения сезонной динамики и pH-плато
anaschu 11.07.2026
Аннотация
В данной работе представлена калибровка агентной модели динамики грибных сообществ (fungal-succession), направленная на устранение нефизичных артефактов (коллапс биомассы, мгновенное. . .
|