Вопросы с меткой [vue.js]

Vue.js - это прогрессивный Javascript-фреймворк с открытым исходным кодом для построения пользовательских интерфейсов, которые стремятся быть постепенно адаптируемыми. Vue.js в основном используется для front-end разработки и требует промежуточного уровня HTML и CSS.

Фильтрация
Сортировка
Метки
3 голоса
2 ответа
2k показов

Добавление css классов по условию в Vue.js

При переносе кода из проекта на asp.net core в бекенд на vue я столкнулся с тем, что хочу записать некоторые фрагменты шаблона более лаконично. Вот исходный фрагмент: <li class="page-item ...
A K's user avatar
  • 28.7k
0 голосов
2 ответа
303 показа

Скрытие элементов списка

Подскажите пожалуйста как реализовать такую возможность: Чтобы когда нажималась кнопка Войти в комнату, уже открытая комната закрывалась? Либо когда нажималась кнопка Войти в комнату, весь список ...
Darkin Rall's user avatar
4 голоса
1 ответ
718 показов

Как загружать компоненты в зависимости от ответа сервера?

Что имеется: vue-файл (естественно что-то тут не так, прошу помощи.) <template > <div class="app" > {{dataArticle}} //подгружаем сюда сгенерированые данные </div> </...
Tasty Script's user avatar
2 голоса
1 ответ
1k показов

VueJs + Axios+ Asp.Net MVC 5 Error 415 (Unsupported Media Type)

В контроллере метод (указывать [FromBody] тоже пробовал, не помогло): [HttpPost] public string RegUser(DTM.UserRegDataRequestModel Model) Параметр это класс имеющий 3 строковых свойства. На VueJS ...
Ivan G. Zakirov's user avatar
5 голосов
2 ответа
107 показов

Смешивание синтаксиса двух шаблонизаторов

Появилась такая проблема, есть Django приложение. Частично хотел начать переписывать фронт на Vue, но встала проблема одинакового синтаксиса шаблонизаторов. {{ value }} используется в обоих ...
PirateNinja's user avatar
3 голоса
2 ответа
15k показов

Vue.js - Как вернуть данные в родительский компонент?

У меня есть родительский компонент куда в data() я хочу передать вычисляемое свойство из дочерного компонента. // ParentComponent.vue <template> <div> <ChildComponent :parent="...
Sergei R's user avatar
  • 539
2 голоса
1 ответ
495 показов

Как не отображать символы {{ }} на vue.js в первые секунды?

Во время загрузки сайта в первые секунды видны символы {{ }} Сайт на vue.js . Как их скрыть?
Rakzin Roman's user avatar
  • 5,720
2 голоса
2 ответа
14k показов

Как отключить перенос строк в vscode для javascript и html

Правлю код vue.js компонента в vscode, при этом периодически жму Alt + Shift + F для автоматического форматирования введённого кода. При этом постоянно меняется форматирование: код переносится на ...
A K's user avatar
  • 28.7k
1 голос
1 ответ
88 показов

Vue.js - Ошибка при попытке распарсить API

Пытаюсь собрать информацию с сайта Hacker News с помощью Algolia API <div v-for="(story, idx) in stories" :key="idx"> <h2>{{ story }}</h2> </div> ... axios.get("http://hn....
Claude Irmonger's user avatar
1 голос
1 ответ
438 показов

При разбивке проекта на компоненты сыплются ошибки в консоли

Решила попробовать уже написанный проект разбить на компоненты Vue и столкнулась с проблемой, что у меня перестали по итогу работать практически все функции, т.к. компоненты сейчас толком не связаны. ...
nbelle's user avatar
  • 186
1 голос
1 ответ
1k показов

Как получить данные из переменной, которая внутри встроенной функции в методе изменяется [дубликат]

Предыдущий вопрос не получилось отредактировать, решил создал более точный и с исправлениями. Если коротко, надо получить доступ к переменной, объявленной внутри метода, которая изменяется встроенной ...
Jack Kosovskiy's user avatar
1 голос
1 ответ
69 показов

Использование локализованных строк в заголовках страницы

Я использую vue-i18n для перевода приложения на другие языки: <div class="container"> <div class="row"> <div class="col-12"> <h2>{{ $t('pageName....
A K's user avatar
  • 28.7k
0 голосов
1 ответ
2k показов

vue js скрыть Input при клике на кнопку

Как можно скрыть input при клике на кнопку? Скрыть, не используя стили (навроде document.getElem....id('test').style.display = "none" (или visible ='hidden'))
nbelle's user avatar
  • 186
0 голосов
1 ответ
653 показа

При выборе значения с помощью radio button, менять цвет блока, vuejs

Помогите пожалуйста додумать логику приложения. При клике на радио-кнопки с цветом, будет меняться цвет блока ВНЕ массива. Если бы блок (с бордером, для отображения выбранного цвета) был внутри ...
Ivan Navi's user avatar
11 голосов
3 ответа
933 показа

SVG полукруг разбить на 3 равные части

У меня приложение на Vue.js и мне нужно прогресс-бар создать. Я использую Svg, потому что другие варианты не подойдут. Как можно разбить SVG-полукруг на равные части. У меня получается сплошная линия....
Daniyal Lukmanov's user avatar
7 голосов
0 ответов
2k показов

SSR в окружении PHP и Vue.js

Стоит жирная задача реализовать SSR (Server-Side Rendering) в проекте, но постоянно вылазят разные трудности. В первую очередь мне нужен SSR без вмешательства сервера Node.js, по документации на Vue, ...
Human's user avatar
  • 355
5 голосов
2 ответа
355 показов

Как сделать проект на vue компонентным?

У меня есть несколько смежных проектов, у которых на админке общая основа. Есть некоторые вещи, которые реализованны одинаково в этих проектах. Например, редактор пользователей и прав. Вот, исправив ...
eri's user avatar
  • 35.3k
4 голоса
1 ответ
5k показов

Как в vue.js организовать связь между компонентами?

Есть главный компонент и поле для "роутера", содержимое которого меняется в зависимости от url. Я не могу достучаться из компонента роутера к главному компоненту,передать значения и наоборот- с ...
Rakzin Roman's user avatar
  • 5,720
3 голоса
1 ответ
715 показов

Смена контента каждые 5 секунд Laravel + Vue + AJAX

Как сделать, чтобы баннер менялся на следующий каждые 5 секунд? Компонент <template> <div class="banners_box"> <a :href="'banner.url'" class="banner_top_header"><img :src="...
Bibika's user avatar
  • 85
3 голоса
2 ответа
2k показов

Как вызвать action и вернуть getters во Vuex

Задача: получить данные из JSON в хранилище Vuex и присвоить их переменной. Данные я получаю через Axios: loadGameData ({commit}) { axios.get('table_json/game-data.json').then(response => { ...
Yulia's user avatar
  • 370
3 голоса
2 ответа
881 показ

Написать фильтр для checkbox во Vue.js

Нужно выводить данные по определенным требованиям - по полу. <v-radio label="Both" name="gender" value=""></v-radio> <v-radio label="Male" name="gender" value="Male" ></v-radio&...
Карина Сокол's user avatar
3 голоса
2 ответа
345 показов

Передача данных в компоненты vue с помощью шины событий

Начал изучать vue столкнулся с проблемой,есть сестринские компоненты, их 4 штуки, при выборе в селекте "Добавить новую организацию" (компонент CompanyRegistration) вся информация введеная ...
Litrein's user avatar
  • 309
3 голоса
1 ответ
2k показов

Изменить цвет ячейки при клике

Как менять цвет ячейки при клике <td @click="changeSelect($event)" v-for="(n, index) in 10">{{ n }} </td> В методе меняю цвет ячейки, но при клике на другую красный ...
Федотов's user avatar
3 голоса
1 ответ
203 показа

Как преобразовать данные объекта в другой объект?

При заполнении пользователем информации о товаре, объект получается вот такого вида: SendData: { Description: 'Крутые кроссовки Nike Air', Name: 'Кроссовки Nike', Options: { Colors:...
EightBitGuy's user avatar
3 голоса
1 ответ
624 показа

Как при наведении на svg добиться появления текста

Как при наведении на svg добиться появления текста svg <svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg&...
Fgsfd's user avatar
  • 51
2 голоса
1 ответ
921 показ

Скачать динамическую таблицу из браузера в Excel файле

Есть HTML таблица, построенная в браузере через VueJS, ее необходимо скачать в формате Excel. Это должно довольно универсальное решение, которое можно расширить на многие виды таблиц. Такие варианты ...
Total Pusher's user avatar
  • 6,307
2 голоса
1 ответ
347 показов

Как сделать чтобы окно которое под контролем Vue рендерилось после загрузки данных

Есть сайт, на нем модальное окно, к которому привязан Vue. И на окошке висит директива v-if, которая изначально прячет окно, но при загрузке сайта, это окно рендерится, и через доли секунды прячется. ...
Алексей's user avatar
2 голоса
1 ответ
488 показов

vue create&append DOM элемент пример js

Начала изучать vue пару дней назад. Разобралась с тем, как отрисовывать компоненты, но так и не поняла, как добавлять по событию элемент в dom. Конкретно, вопрос состоит в том, могу ли я в vue ...
Dar's user avatar
  • 23
2 голоса
1 ответ
244 показа

Как подключить Vue на сайт отдельно?

Мне нужен Vue для одного модального окна. Очень изолированно. Это не SPA. Я воспользовался Vue UI и создал проект в папке web. Но не знаю что надо подключить на странице чтобы заработало... Он ...
Developer's user avatar
  • 1,756
2 голоса
1 ответ
1k показов

Иконки в v-select vuetify

Как можно добавить выбор иконок в селект vuetify? Как на картинке Т.е есть селект, <v-select :items="" label=""> </v-select> и есть ...
VoA's user avatar
  • 47
2 голоса
1 ответ
906 показов

Vue. Отслеживание скролинга

Здравствуйте, интересует такой вопрос, как отследить что я проскролил до одного блока, далее к второму, или как отследить что я сейчас смотрю на третий блок? http://gabegsell.com/anchors/ - ...
Tvolex's user avatar
  • 518
2 голоса
3 ответа
595 показов

render v-for vue.js

я вывожу список с помощью v-for, затем когда я удаляю элемент массива по индексу методом splice он удаляется как и ожидалось, но v-for продолжает отображать несуществующей элемент, при этом перестаёт ...
Tim's user avatar
  • 87
2 голоса
1 ответ
274 показа

Нет доступа к this компонента в computed свойстве

Вот такой кодик: components: {Help}, props: ['nav_elements'], name: "Navigations", computed: { politics_show: () => { this.politics_show_ = !this.politics_show_;...
hedgehogues's user avatar
  • 9,569
2 голоса
1 ответ
105 показов

Использование vue-i18n внутри script [дубликат]

Есть небольшой проект codesandbox Использую vue-i18n переводчик. Hello World template: <h1>{{msg}}</h1> И script: data() { return { msg: `{{ $t("welcomeMsg") }}` } } ...
SVE's user avatar
  • 22.4k
1 голос
1 ответ
255 показов

Корректно ли в директиве v-for проходиться по 2 объектам

Корректно ли в директиве v-for проходиться по 2 объектам: v-for="article in sortedData, filterArticles" Если нет, то как корректно можно записать следующий код: <input type="text" placeholder="...
dmitriy's user avatar
  • 1,354
1 голос
1 ответ
68 показов

Как перемножить объекты между собой?

При заполнении пользователем информации о товаре, объект получается вот такого вида: SendData: { Description: 'Крутые кроссовки Nike Air', Name: 'Кроссовки Nike', Options: { Colors:...
EightBitGuy's user avatar
1 голос
1 ответ
1k показов

Vue js - вставить компонент в компонент

Нужно сделать структуру как в Vuetify. То есть передавать в условную кнопку атрибуты. <ifbutton google text="button text"> <GoogleIcon class="google-btn__icon" /> &...
DeeEss's user avatar
  • 187
1 голос
1 ответ
854 показа

Передача данных из laravel при помощи compact в фронтенд на Vue.js

каким образом я могу получить данные из compact() в компоненте Vue. public function show(Request $request){ $orderData = OrderData::where('id',$request->id)->first(); return $...
Nikita's user avatar
  • 95
1 голос
1 ответ
43 показа

Cоздать обьект юзера с ключами?

new Vue({ el: '#app', methods: { create() { var persons= { id: this.id, name: this.name, email: this.email, website: this.website } } }, methods: { ...
slobodianiukvitali's user avatar
1 голос
2 ответа
708 показов

Локализация компонентов VueJS в Laravel

В Laravel есть пакет локализации, который работает так (PHP): echo __('I love programming.'); А как сделать то же самое, но для компонентов, построенных на VueJS? Использую стандартное коробочное ...
Total Pusher's user avatar
  • 6,307
1 голос
1 ответ
76 показов

Инкремент и дикремент для подсчёта суммы билетов?

подскажите как при увелечения количества билетов в кино или интремента - управлять ценной перед оплатой Цена одного билета - 200 <button @click="addCounter()">+</button> <...
babakov.roman678's user avatar
1 голос
2 ответа
1k показов

Утечка памяти при использовании Vuex

Пишу MMO RTS. На фронте использую Vue. С заданной периодичностью, с сервера, по WebSoket, прилетают обновленные данные. Естественно, данные помещаются во Vuex, за которым следят компоненты. Обнаружил,...
Dmytro's user avatar
  • 6,756
1 голос
1 ответ
879 показов

Как разобрать строку по разделителям?

С бэка прилетает массив строк с разделителями в виде запятой: {'DATA': [ 'word_A, word_B, word_C', 'word_A, word_B, word_C', 'word_A, word_B, word_C' ]} как разделить строку и каждое слово ...
Alex's user avatar
  • 199
1 голос
2 ответа
109 показов

Галочка между иконкой Vue.js и именем файла в WebStorm

Что это за галочка между иконкой Vue.js и именем файла?
DenniLa2's user avatar
  • 362
1 голос
1 ответ
185 показов

Проблема с установкой балуна метки в яндекс картах

http://jsfiddle.net/z3pjcnLq/1/ На vue написан компонент (не суть важно), в который можно передавать координаты меток и они будут перерисовываться. Проблема: 1. Загрузили страницу, кликнули на 'icon ...
Jackson J's user avatar
  • 111
1 голос
1 ответ
4k показов

Vue.js 2. Ошибка Vue.use is not a function

Здравствуйте! Начал использовать vue-router, но столкнулся с ошибкой: Vue.use is not a function Гуглил, ничего не нашел (белый пояс по гуглу). Все пути настроены правильно, модули установлены. ...
Tvolex's user avatar
  • 518
1 голос
2 ответа
1k показов

Как скачать файл через Ajax

Использую Vue.js. Чтобы получить файл, обращаюсь к серверу. На сервере следующий код: <?php header('Content-Type: application/octet-stream'); header('Content-Disposition: attachment; filename="...
user253346's user avatar
1 голос
1 ответ
6k показов

Запуск метода после загрузки компонента Vue

Использую фреймворк Quasar Есть компонент для отображения статьи <template> </template> <style> </style> <script> export default { name: 'Post', data () { ...
antonin14d's user avatar
0 голосов
1 ответ
182 показа

Vue рендерит все изображения в base64

Vue рендерит все в base64. Делаю админку, много чего приходит с сервера. Хотелось бы что бы на сервере хранился просто путь к изображению и желательно без хеша. То что подчеркнуто приходит с сервера ...
Mr. Byte's user avatar
0 голосов
1 ответ
454 показа

Как выводить дату текущую в таком формате 2020-10-29?

Мой пример вывод даты beforeDestroy() { clearInterval(this.interval) }, created() { this.interval = setInterval(() => { this.date = new Date() }, 1000); ...
babakov.roman678's user avatar