Вопросы с меткой [vuetify]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
10 показов

Vue, Vuetify, обработка данных со слота с ограниченной областью видимости

<template> <v-row> <v-col cols="auto"> <v-dialog transition="dialog-top-transition" width="auto" > ...
Ярослав's user avatar
0 голосов
0 ответов
21 показ

Vue 3 , typescript, vuetify не работает пре-селект для Vselect

Использую VSelect, со свойствами multiple, return-object(Vue 3 + typescript). Определяю v-model в котором у меня уже есть массив с обьектами для того чтоб были выбраны значения при загрузке VSelect. &...
Azwart's user avatar
  • 21
0 голосов
0 ответов
8 показов

Vuetify v-range-slider. Как сделать отключенным только один из ползунков такого слайдера

Можно ли в Vuetify v-range-slider сделать возможным двигать, только один из ползунков диапазона. Второй чтобы не фокусировался двигать его только из скрипта. Спасибо уважаемые!
GAlin's user avatar
  • 1
-1 голос
1 ответ
25 показов

Проблема с двумя dialog components в vuetify на странице

У меня есть два dialog components на странице, реализованных в vuetify. Когда я активирую любой из них, все они активируются одновременно. Подскажите, пожалуйста, как сделать так, чтобы они ...
emblox's user avatar
  • 3
0 голосов
0 ответов
17 показов

Проблемы с дефолтным стилем vuetify

Во время работы с vuetify не все стили загружаются. Пример: я подключила v-data-picker (обычный календарь). Выбранные даты должны загораться синим (дефолтно), но почему-то этот дефолтный стиль не ...
g_0008's user avatar
  • 183
0 голосов
0 ответов
22 показа

Как интегрировать vuetify к уже существующему проекту?

Как интегрировать vuetify к уже существующему проекту, написанный на vue-cli 2, не изменяя уже прописанные стили и структуру установила vuetify и прописала в main.js следующее: import Vue from 'vue' ...
g_0008's user avatar
  • 183
0 голосов
0 ответов
84 показа

Большие таблицы со сложной фильтрацией на vue

Нужно организовать таблицу на vue со сложной фильтрацией и сортировкой с учетом того, что пользователь будет работать с 4000+ записей. Есть ли какие-то сторонние библиотеки в которых такая тему ...
Elvina's user avatar
  • 1
0 голосов
1 ответ
83 показа

headers в data-table и несколько JSON

headers () { return [ { text: 'Status', value: 'status' }, { text: 'Typ', value: this.tdTyp[+'typ' + -1].bezeichnung }, ]} В data хранится JSON tdTyp, который я хочу использовать вместе с ...
blizzart's user avatar
0 голосов
0 ответов
61 показ

Кто знает, как сделать чтоб при клике на v-alert не открывались все алерты, а только выбранный?

Кто знает, как сделать чтоб при клике на v-alert не открывались все алерты, а только выбранный? <template v-slot:item.Description="{ value }"> <div> <v-...
Игорь Солодвоник's user avatar
1 голос
1 ответ
183 показа

v-data-table vuetify не могу разместить иконки

Не могу понять как добавить слева колонку со своими иконками. Примерно понимаю что нужен v-slot и template, но не получается <template> <div> <v-data-table :headers="...
Игорь Солодвоник's user avatar
0 голосов
0 ответов
182 показа

Не получается центрировать vuetify

Все никак не получается отцентрировать по центру. У меня есть пагинация которая подгружает карточки с новостями, но когда я перехожу на последнюю страницу, центрирование не по центру. Подскажите, что ...
infopro-landingsite's user avatar
0 голосов
0 ответов
31 показ

как сделать v-ripple эффект как у vuetify

как передать кординаты в css или как это вообще реализованно в vuetify. достал кординаты клика по элементу но не знаю что дальше делать. import Vue from 'vue' Vue.directive('ripple', { inserted: (...
Genesis's user avatar
  • 71
0 голосов
1 ответ
82 показа

Не позиционируется v-container во vuetify

Не получается спозиционировать v-container по центру оси x, класс который в документации не срабатывает( <v-container class="mx-auto"> <v-row> <v-col cols="3&...
salco202020's user avatar
1 голос
1 ответ
86 показов

Пытаюсь задать ширину для `v-text-field` и она не срабатывает

Пытаюсь задать ширину для v-text-field и она не срабатывает. И не получается разместить этот инпут над карточками, нужно чтоб он был примерно ширинов в 200 пикс. и справа от него не было никаких ...
salco202020's user avatar
0 голосов
1 ответ
80 показов

Отображение элемента с абсолютным позиционирование за пределами v-tab-item в VuetifyJS

Пытаюсь сделать стрелки для слайдера за пределами v-tab-item, но как бы я не пытался перебирать разные z-index и делаю разных родителей с position:relative, элемент перекрывается другими элементами. ...
Andrew Volikov's user avatar
0 голосов
1 ответ
44 показа

Не работет v-spacer в app-bar

Хочу разделить app-bar на две части: чтобы слева был v-app-bar-nav-icon, а справа название секции. Для этого решил использовать v-spacer, но он не работает. Код следующий: <template> <v-...
Egor Malko's user avatar
0 голосов
1 ответ
500 показов

Переопределение дефолтного template во vuetify v-data-table

<template> <ExpansionPanel title="Ф-402 Ведомость электропотребления" class="pa-0" > <div class="d-flex align-center justify-space-between"> <div ...
Nick Gromyko's user avatar
0 голосов
1 ответ
33 показа

При обновление страницы в диалоговом окне отваливается скролл simplebar-vue

Добавляю в диалоговом окне v-dialog библиотеки vuetify скролл изх библиотеки simplebar-vue и все отлично отрабатывает. Стоит обновнить страницу, как отваливается скролл. Не могу сообразить что ему ...
Dip's user avatar
  • 129
0 голосов
1 ответ
760 показов

Как отобразить компоненты при клике Vue js

Понимаю,что вопрос довольно простой,но я только начинаю изучать Vue и почему-то не могу разобраться. У меня есть страница Login в которой должны появиться 2 компонента, если я кликну на кнопку Enter ...
vlad777's user avatar
  • 15
2 голоса
1 ответ
450 показов

Vuetify - Изменение цвета хедера при скролле

Я делаю сайт на vue+vuetify, и мне необходимо сделать чтобы при скролле страницы хедер менял свой цвет. Как я это могу сделать? Для хедера я использую элемент v-app-bar. Как мне обратится к элементу и ...
Livixx's user avatar
  • 181
1 голос
1 ответ
215 показов

Как написать событие скроллинга как в vuetify?

Подскажите как сделать такую же кнопку при скроллинге как на их официальном сайте. Получается у них при нажатии на кнопку снизу справа страница прокручивается до начала страницы и она исчезает. ...
A User's user avatar
  • 11
1 голос
1 ответ
98 показов

Многократный рендер компонента VUE

Есть обычный vuetify табы в которых по нажатию таба рендерится компонент, но вот проблема в том что при какой то не ведомой мне причине при нажатии на все табы один компонент будет рендерится столько ...
Madrid's user avatar
  • 33
1 голос
1 ответ
976 показов

Как задать максимальную длину значения для v-text-field с type='number'?

Как сделать максимальную длину значения для v-text-field? С type="number", maxlength с этим типом не работает. <v-text-field outlined type="number" @input="choice">...
Rodion's user avatar
  • 51
1 голос
1 ответ
129 показов

VueJs Выделенные пункты меню

У меня есть меню написанное на vue, выглядит так: <router-link v-for="(item, i) in menu" :key="i" :to="item.path" custom v-slot="{ navigate }"> <v-...
Moonwolf45's user avatar
1 голос
2 ответа
143 показа

Как удалить выделение страницы на кнопке?

Такая проблема, использую vue и vuetify. И btn кнопка горит если открыта страница на которую повешена кнопка, т.е. у меня стоит to="/" и на главной горит кнопка. И как это исправить? Код: &...
Livixx's user avatar
  • 181
0 голосов
1 ответ
533 показа

vuetify + v-treeview inside v-combobox item slot

Есть варианты использования treeview внутри combobox? Мои попытки не увенчались успехом из-за того, что items combobox не воспринимает children дерева treeview... Разметка: <div id="app"&...
Lustach's user avatar
0 голосов
1 ответ
124 показа

vuetify динамическая шапка таблицы / динамические слоты

Как сделать так, чтобы динамически можно было добавлять слот вместе с чекбоксом в таблицу vuetify, например headers1 / headers2 и тд поместить в цикл <v-data-table :headers="headers" :...
hovdev's user avatar
  • 1,395
2 голоса
1 ответ
80 показов

vuetify данные почему в диалоговых окнах данные повторяются?

Имеется data-table: <v-data-table :headers="headers" :items="items" > <template v-slot:item.action="{ item }"> ...
Vasek's user avatar
  • 25
0 голосов
1 ответ
518 показов

vuetify v-select передача параметров выбранного итема в функцию

имеется следующее view: <v-select label="Выбрать отправителя из списка *" placeholder="Не выбрано" :items="contacts" item-text="contact_name" ...
Vasek's user avatar
  • 25
1 голос
1 ответ
166 показов

Не работает вложенный transtion Vue v2

Transition "modal-content" не срабатывает, вместо неё применяется transition с именем "modal", подскажите пожалуйста как исправить, чтобы к содержимому внутри modal-container ...
fereshen's user avatar
0 голосов
1 ответ
33 показа

Проблема при настройке nuxt.js с vuetify.js

Пробую установить nuxt в связке с vuetify (npx create-nuxt-app project-name) и выходит ошибка: node.js: v14.15.3, windows 10 Подскажите, может кто сталкивался.
Odyssey's user avatar
  • 172
0 голосов
1 ответ
306 показов

Изменение активного пункта меню при прокрутке страницы vuetify

Работаю с vuetify.При нажатии таба, страница прокручивается до якоря. Нужно сделать обратное. При прокрутки страницы, у таба, соответствующего заголовку страницы, появляется активный класс Как можно ...
Максим Байрамкулов's user avatar
0 голосов
1 ответ
19 показов

Не работает disable-resize-watcher при малом экране без v-model

Для управления отображения/Скрытия v-navigation-drawer, я не использую двунаправленную связь(v-model), так как мне необходимо переопреелять свойство. Состояние v-navigation-drawer храню в Vuex. ...
doox911's user avatar
  • 3,704
0 голосов
1 ответ
343 показа

Ошибка при импорте mdi во Vue.js

День добрый. Я только начинаю изучать Vue.js. Я использую Vuetify для применения встроенных стилей. Теперь я хочу использовать встроенные иконки из пака Material Design Icons, чтобы создать базовую ...
Egettl's user avatar
  • 515
1 голос
1 ответ
261 показ

Обработка watch в vuetify на компоненте v-text-field

Всем привет Не подскажете, что не так с инпутами от vuetify. Проблема в обработке watch. Во втором поле что бы не писали, значение обрезается, в первом нет. Это баг какой то или так задумано, почему 2 ...
Максим Байрамкулов's user avatar
0 голосов
0 ответов
85 показов

Vue автоматически прикручивает div class="col col-4" к моему template

Vuejs (возможно vuetify ?) автоматически создает данный div с классом col col-4 что вынуждает меня писать кастомные стили для того чтобы шаблон выглядел валидно Я думаю что собака зарыта в vuetify ...
akvaplus's user avatar
2 голоса
1 ответ
172 показа

возможно ли как- то сделать неактивные элементы в v-select?

вот код: <v-select :items="weldMethodItems" item-text="name" label="label" dense v-model="name" @input=&...
Rodion's user avatar
  • 51
1 голос
0 ответов
38 показов

Почему не закрывается диалоговое окно?

Я пытаюсь добавить новый элемент в таблицу и закрыть диалоговое окно. В файле компонента: <v-dialog v-model="dialog" max-width="500px"> <v-btn color="blue ...
Kirill Donenko's user avatar
0 голосов
1 ответ
57 показов

Vuetify при подключение ломается

Только подключил vuetify к проекту и он выбивает такую ошибку Если надо вот Git проекта Раньше на проекте использовался materialize. Подключен в файле index.html, так как в npm 1.0.2 версии не было, ...
Mr. Byte's user avatar
3 голоса
1 ответ
597 показов

Замена надписей в v-date-picker на Vuetify JS

Имеется обычный DatePicker из Vuetify, у которого установлено locale="ru-RU". Но дни недели выводятся сокращением в одну буквы "П, В, С...". Каким образом я могу получить ...
Andrew Volikov's user avatar
0 голосов
1 ответ
56 показов

Проблемы с отображением c Vue компонентом и админкой Wordpress

Пишу свой плагин на Wordpress, решил админку для него сделать на Vue.js В целом всё получается работает, так же решил установить для красоты Vuetify. Там есть компонент v-select и вот с ним возникли ...
Vitaly  Dmitriev's user avatar
1 голос
1 ответ
548 показов

как убрать стрелки в input в Vuetify

Когда я пишу внутри v-text-field type="number" появляются стрелки, не знаю как их убрать. Обычный css не помогает Style /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-...
kek cheburek's user avatar
0 голосов
1 ответ
28 показов

При добавлении кода v-if="isOwner" должно скрывать кнопку (редактировать страницу)а у меня перестала загружаться?

вот само мод окно <template> <v-row justify="center"> <v-dialog v-model="modal" persistent max-width="400"> <template v-slot:activator="{ on, attrs }"> <...
николай тамазенко's user avatar
0 голосов
1 ответ
134 показа

Webpack не компилирует style классы (Vuetify)

Пытался подключить vuetify через webpack, следовал официальной документации, но постоянно цепляю следующие ошибки Первый тип: ERROR in ./src/main/resources/static/js/pages/App.vue?vue&type=style&...
Daniil Baev's user avatar
0 голосов
0 ответов
150 показов

vue,nuxt тестовое задание страница пользователя

вот мое тз: Создать приложение Профиль пользователя. Пользователь при запуске приложения видит форму авторизации, вводит логин-пароль, попадает на страницу своего профиля с данными: имя, имейл, фото. ...
damcha's user avatar
  • 63
0 голосов
1 ответ
232 показа

V-img vuetify, не работает с SSR?

Делаю проект на nuxt, для ui использую vuetify. Решил использовать имеющиеся v-img. При инспекции генерируемого сервером кода увидел что не генерируется тег img(если смотреть через page source), если ...
Vearodev's user avatar
  • 276
1 голос
1 ответ
41 показ

Как вернуть исходный вид таблицы vuetify?

У меня есть таблица следующего типа <template> <div> <v-card-actions> <template> <v-dialog v-model="dialog" persistent max-...
Alex's user avatar
  • 13
0 голосов
1 ответ
407 показов

Как добавить видео на vuetify

Делаю проект на vue, а точнее vuetify Как сделать блок видео типа заголовок, ниже видео, ниже текст(контент) <v-col sm="4" p-40 cols="12"> <v-card class="mx-auto" ...
babakov.roman678's user avatar
0 голосов
1 ответ
67 показов

Popup menu. Выпадающий список, сдвинутый всторону

Есть ли возможность задать у select y-offset аналогично тому, как это можно сделать для menus offset-y?
hedgehogues's user avatar
  • 9,251
0 голосов
2 ответа
437 показов

Отступ vuetify v-select

Не получается убрать отступ: Откуда он берётся? Мне нужно, чтобы селектор был вертикально выровнен по центру. Вот полное изображение: Рабочий код по ссылке Разметка: <div id="app"> <v-...
hedgehogues's user avatar
  • 9,251