Вопросы с меткой [vuetify]
Руководство по использованию метки vuetify отсутствует.
122
вопроса
0
голосов
0
ответов
10
показов
Vue, Vuetify, обработка данных со слота с ограниченной областью видимости
<template>
<v-row>
<v-col cols="auto">
<v-dialog
transition="dialog-top-transition"
width="auto"
>
...
0
голосов
0
ответов
21
показ
Vue 3 , typescript, vuetify не работает пре-селект для Vselect
Использую VSelect, со свойствами multiple, return-object(Vue 3 + typescript). Определяю v-model в котором у меня уже есть массив с обьектами для того чтоб были выбраны значения при загрузке VSelect.
&...
0
голосов
0
ответов
8
показов
Vuetify v-range-slider. Как сделать отключенным только один из ползунков такого слайдера
Можно ли в Vuetify v-range-slider сделать возможным двигать, только один из ползунков диапазона. Второй чтобы не фокусировался двигать его только из скрипта. Спасибо уважаемые!
-1
голос
1
ответ
25
показов
Проблема с двумя dialog components в vuetify на странице
У меня есть два dialog components на странице, реализованных в vuetify. Когда я активирую любой из них, все они активируются одновременно. Подскажите, пожалуйста, как сделать так, чтобы они ...
0
голосов
0
ответов
17
показов
Проблемы с дефолтным стилем vuetify
Во время работы с vuetify не все стили загружаются. Пример: я подключила v-data-picker (обычный календарь). Выбранные даты должны загораться синим (дефолтно), но почему-то этот дефолтный стиль не ...
0
голосов
0
ответов
22
показа
Как интегрировать vuetify к уже существующему проекту?
Как интегрировать vuetify к уже существующему проекту, написанный на vue-cli 2, не изменяя уже прописанные стили и структуру
установила vuetify и прописала в main.js следующее:
import Vue from 'vue'
...
0
голосов
0
ответов
84
показа
Большие таблицы со сложной фильтрацией на vue
Нужно организовать таблицу на vue со сложной фильтрацией и сортировкой с учетом того, что пользователь будет работать с 4000+ записей. Есть ли какие-то сторонние библиотеки в которых такая тему ...
0
голосов
1
ответ
83
показа
headers в data-table и несколько JSON
headers () {
return [
{ text: 'Status', value: 'status' },
{ text: 'Typ', value: this.tdTyp[+'typ' + -1].bezeichnung },
]}
В data хранится JSON tdTyp, который я хочу использовать вместе с ...
0
голосов
0
ответов
61
показ
Кто знает, как сделать чтоб при клике на v-alert не открывались все алерты, а только выбранный?
Кто знает, как сделать чтоб при клике на v-alert не открывались все алерты, а только выбранный?
<template v-slot:item.Description="{ value }">
<div>
<v-...
1
голос
1
ответ
183
показа
v-data-table vuetify не могу разместить иконки
Не могу понять как добавить слева колонку со своими иконками. Примерно понимаю что нужен v-slot и template, но не получается
<template>
<div>
<v-data-table
:headers="...
0
голосов
0
ответов
182
показа
Не получается центрировать vuetify
Все никак не получается отцентрировать по центру.
У меня есть пагинация которая подгружает карточки с новостями, но когда я перехожу на последнюю страницу, центрирование не по центру.
Подскажите, что ...
0
голосов
0
ответов
31
показ
как сделать v-ripple эффект как у vuetify
как передать кординаты в css или как это вообще реализованно в vuetify.
достал кординаты клика по элементу но не знаю что дальше делать.
import Vue from 'vue'
Vue.directive('ripple', {
inserted: (...
0
голосов
1
ответ
82
показа
Не позиционируется v-container во vuetify
Не получается спозиционировать v-container по центру оси x, класс который в документации не срабатывает(
<v-container class="mx-auto">
<v-row>
<v-col cols="3&...
1
голос
1
ответ
86
показов
Пытаюсь задать ширину для `v-text-field` и она не срабатывает
Пытаюсь задать ширину для v-text-field и она не срабатывает. И не получается разместить этот инпут над карточками, нужно чтоб он был примерно ширинов в 200 пикс. и справа от него не было никаких ...
0
голосов
1
ответ
80
показов
Отображение элемента с абсолютным позиционирование за пределами v-tab-item в VuetifyJS
Пытаюсь сделать стрелки для слайдера за пределами v-tab-item, но как бы я не пытался перебирать разные z-index и делаю разных родителей с position:relative, элемент перекрывается другими элементами.
...
0
голосов
1
ответ
44
показа
Не работет v-spacer в app-bar
Хочу разделить app-bar на две части: чтобы слева был v-app-bar-nav-icon, а справа название секции. Для этого решил использовать v-spacer, но он не работает.
Код следующий:
<template>
<v-...
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 ...
0
голосов
1
ответ
33
показа
При обновление страницы в диалоговом окне отваливается скролл simplebar-vue
Добавляю в диалоговом окне v-dialog библиотеки vuetify скролл изх библиотеки simplebar-vue и все отлично отрабатывает. Стоит обновнить страницу, как отваливается скролл. Не могу сообразить что ему ...
0
голосов
1
ответ
760
показов
Как отобразить компоненты при клике Vue js
Понимаю,что вопрос довольно простой,но я только начинаю изучать Vue и почему-то не могу разобраться. У меня есть страница Login в которой должны появиться 2 компонента, если я кликну на кнопку Enter ...
2
голоса
1
ответ
450
показов
Vuetify - Изменение цвета хедера при скролле
Я делаю сайт на vue+vuetify, и мне необходимо сделать чтобы при скролле страницы хедер менял свой цвет. Как я это могу сделать? Для хедера я использую элемент v-app-bar. Как мне обратится к элементу и ...
1
голос
1
ответ
215
показов
Как написать событие скроллинга как в vuetify?
Подскажите как сделать такую же кнопку при скроллинге как на их официальном сайте. Получается у них при нажатии на кнопку снизу справа страница прокручивается до начала страницы и она исчезает. ...
1
голос
1
ответ
98
показов
Многократный рендер компонента VUE
Есть обычный vuetify табы в которых по нажатию таба рендерится компонент, но вот проблема в том что при какой то не ведомой мне причине при нажатии на все табы один компонент будет рендерится столько ...
1
голос
1
ответ
976
показов
Как задать максимальную длину значения для v-text-field с type='number'?
Как сделать максимальную длину значения для v-text-field?
С type="number", maxlength с этим типом не работает.
<v-text-field outlined type="number" @input="choice">...
1
голос
1
ответ
129
показов
VueJs Выделенные пункты меню
У меня есть меню написанное на vue, выглядит так:
<router-link v-for="(item, i) in menu" :key="i" :to="item.path" custom v-slot="{ navigate }">
<v-...
1
голос
2
ответа
143
показа
Как удалить выделение страницы на кнопке?
Такая проблема, использую vue и vuetify. И btn кнопка горит если открыта страница на которую повешена кнопка, т.е. у меня стоит to="/" и на главной горит кнопка. И как это исправить?
Код:
&...
0
голосов
1
ответ
533
показа
vuetify + v-treeview inside v-combobox item slot
Есть варианты использования treeview внутри combobox?
Мои попытки не увенчались успехом из-за того, что items combobox не воспринимает children дерева treeview...
Разметка:
<div id="app"&...
0
голосов
1
ответ
124
показа
vuetify динамическая шапка таблицы / динамические слоты
Как сделать так, чтобы динамически можно было добавлять слот вместе с чекбоксом
в таблицу vuetify, например headers1 / headers2 и тд поместить в цикл
<v-data-table
:headers="headers"
:...
2
голоса
1
ответ
80
показов
vuetify данные почему в диалоговых окнах данные повторяются?
Имеется data-table:
<v-data-table
:headers="headers"
:items="items"
>
<template v-slot:item.action="{ item }">
...
0
голосов
1
ответ
518
показов
vuetify v-select передача параметров выбранного итема в функцию
имеется следующее view:
<v-select
label="Выбрать отправителя из списка *"
placeholder="Не выбрано"
:items="contacts"
item-text="contact_name"
...
1
голос
1
ответ
166
показов
Не работает вложенный transtion Vue v2
Transition "modal-content" не срабатывает, вместо неё применяется transition с именем "modal", подскажите пожалуйста как исправить, чтобы к содержимому внутри modal-container ...
0
голосов
1
ответ
33
показа
Проблема при настройке nuxt.js с vuetify.js
Пробую установить nuxt в связке с vuetify (npx create-nuxt-app project-name) и выходит ошибка:
node.js: v14.15.3, windows 10
Подскажите, может кто сталкивался.
0
голосов
1
ответ
306
показов
Изменение активного пункта меню при прокрутке страницы vuetify
Работаю с vuetify.При нажатии таба, страница прокручивается до якоря. Нужно сделать обратное. При прокрутки страницы, у таба, соответствующего заголовку страницы, появляется активный класс
Как можно ...
0
голосов
1
ответ
19
показов
Не работает disable-resize-watcher при малом экране без v-model
Для управления отображения/Скрытия v-navigation-drawer, я не использую двунаправленную связь(v-model), так как мне необходимо переопреелять свойство. Состояние v-navigation-drawer храню в Vuex.
...
0
голосов
1
ответ
343
показа
Ошибка при импорте mdi во Vue.js
День добрый. Я только начинаю изучать Vue.js.
Я использую Vuetify для применения встроенных стилей. Теперь я хочу использовать встроенные иконки из пака Material Design Icons, чтобы создать базовую ...
1
голос
1
ответ
261
показ
Обработка watch в vuetify на компоненте v-text-field
Всем привет
Не подскажете, что не так с инпутами от vuetify. Проблема в обработке watch. Во втором поле что бы не писали, значение обрезается, в первом нет. Это баг какой то или так задумано, почему 2 ...
0
голосов
0
ответов
85
показов
Vue автоматически прикручивает div class="col col-4" к моему template
Vuejs (возможно vuetify ?) автоматически создает данный div с классом col col-4
что вынуждает меня писать кастомные стили для того чтобы шаблон выглядел валидно
Я думаю что собака зарыта в vuetify ...
2
голоса
1
ответ
172
показа
возможно ли как- то сделать неактивные элементы в v-select?
вот код:
<v-select
:items="weldMethodItems"
item-text="name"
label="label"
dense
v-model="name"
@input=&...
1
голос
0
ответов
38
показов
Почему не закрывается диалоговое окно?
Я пытаюсь добавить новый элемент в таблицу и закрыть диалоговое окно.
В файле компонента:
<v-dialog
v-model="dialog"
max-width="500px">
<v-btn
color="blue ...
0
голосов
1
ответ
57
показов
Vuetify при подключение ломается
Только подключил vuetify к проекту и он выбивает такую ошибку
Если надо вот Git проекта
Раньше на проекте использовался materialize. Подключен в файле index.html, так как в npm 1.0.2 версии не было, ...
3
голоса
1
ответ
597
показов
Замена надписей в v-date-picker на Vuetify JS
Имеется обычный DatePicker из Vuetify, у которого установлено locale="ru-RU".
Но дни недели выводятся сокращением в одну буквы "П, В, С...". Каким образом я могу получить ...
0
голосов
1
ответ
56
показов
Проблемы с отображением c Vue компонентом и админкой Wordpress
Пишу свой плагин на Wordpress, решил админку для него сделать на Vue.js
В целом всё получается работает, так же решил установить для красоты Vuetify. Там есть компонент v-select и вот с ним возникли ...
1
голос
1
ответ
548
показов
как убрать стрелки в input в Vuetify
Когда я пишу внутри v-text-field type="number" появляются стрелки, не знаю как их убрать. Обычный css не помогает
Style
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-...
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 }">
<...
0
голосов
1
ответ
134
показа
Webpack не компилирует style классы (Vuetify)
Пытался подключить vuetify через webpack, следовал официальной документации, но постоянно цепляю следующие ошибки
Первый тип:
ERROR in ./src/main/resources/static/js/pages/App.vue?vue&type=style&...
0
голосов
0
ответов
150
показов
vue,nuxt тестовое задание страница пользователя
вот мое тз:
Создать приложение Профиль пользователя.
Пользователь при запуске приложения видит форму авторизации, вводит логин-пароль, попадает на страницу своего профиля с данными: имя, имейл, фото.
...
0
голосов
1
ответ
232
показа
V-img vuetify, не работает с SSR?
Делаю проект на nuxt, для ui использую vuetify.
Решил использовать имеющиеся v-img. При инспекции генерируемого сервером кода увидел что не генерируется тег img(если смотреть через page source), если ...
1
голос
1
ответ
41
показ
Как вернуть исходный вид таблицы vuetify?
У меня есть таблица следующего типа
<template>
<div>
<v-card-actions>
<template>
<v-dialog v-model="dialog" persistent max-...
0
голосов
1
ответ
407
показов
Как добавить видео на vuetify
Делаю проект на vue, а точнее vuetify
Как сделать блок видео
типа заголовок, ниже видео, ниже текст(контент)
<v-col sm="4" p-40 cols="12">
<v-card
class="mx-auto"
...
0
голосов
1
ответ
67
показов
Popup menu. Выпадающий список, сдвинутый всторону
Есть ли возможность задать у select y-offset аналогично тому, как это можно сделать для menus offset-y?
0
голосов
2
ответа
437
показов
Отступ vuetify v-select
Не получается убрать отступ:
Откуда он берётся? Мне нужно, чтобы селектор был вертикально выровнен по центру. Вот полное изображение:
Рабочий код по ссылке
Разметка:
<div id="app">
<v-...