Tagged: vuetify

25
Июл
2021

Вопрос по отображению данных о курсе валют на графике

Получаю данные о курсе валют с api, и мне нужно чтоб на графике отображались корректные колебания цен.
В качестве графика использую v-sparkline,
но к сожалению иза того, что в массив попадают числа с минимальной разницой друг от друга, гра…

19
Июл
2021

Помогите разобраться с vuetify. Простой вопрос!

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

06
Июл
2021

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

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

24
Июн
2021

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

Необходимо заменить дефолтное отображение в компоненте v-data-table.
В template можно передать шаблон для конкретного столбца, но этих столбов 11. Такой код неудобно читаем и, при изменении дизайна, нужно менять в 11 местах.
Код, который и…

20
Май
2021

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

Добавляю в диалоговом окне v-dialog библиотеки vuetify скролл изх библиотеки simplebar-vue и все отлично отрабатывает. Стоит обновнить страницу, как отваливается скролл. Не могу сообразить что ему мешает при обновление страницы. Возможно с…

19
Май
2021

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

Понимаю,что вопрос довольно простой,но я только начинаю изучать Vue и почему-то не могу разобраться. У меня есть страница Login в которой должны появиться 2 компонента, если я кликну на кнопку Enter site.Как это сделать? Понимаю,что с помо…

08
Апр
2021

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

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

08
Апр
2021

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

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

04
Апр
2021

Портятся картинки после утсановки vuetify

У меня есть готовый проект.Внутри него нужно переделать форму. Нужно сделать ее stepper вида. Проект построен на Vue.js. По какой то причине после установки vuetify через vue add vuetify портятся картинки. Я новичок во Vue и попал на проек…

04
Апр
2021

Портятся картинки после утсановки vuetify

У меня есть готовый проект.Внутри него нужно переделать форму. Нужно сделать ее stepper вида. Проект построен на Vue.js. По какой то причине после установки vuetify через vue add vuetify портятся картинки. Я новичок во Vue и попал на проек…

19
Мар
2021

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

Подскажите как сделать такую же кнопку при скроллинге как на их официальном сайте. Получается у них при нажатии на кнопку снизу справа страница прокручивается до начала страницы и она исчезает. Появляется снова при прокрутке вниз.
https://…

08
Дек
2020

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

Работаю с vuetify.При нажатии таба, страница прокручивается до якоря. Нужно сделать обратное. При прокрутки страницы, у таба, соответствующего заголовку страницы, появляется активный класс
Как можно подсвечивать пункт меню в зависимости от…

28
Ноя
2020

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

День добрый. Я только начинаю изучать Vue.js.
Я использую Vuetify для применения встроенных стилей. Теперь я хочу использовать встроенные иконки из пака Material Design Icons, чтобы создать базовую кнопку с изображением:
<v-btn
clas…

21
Ноя
2020

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

Всем привет
Не подскажете, что не так с инпутами от vuetify. Проблема в обработке watch. Во втором поле что бы не писали, значение обрезается, в первом нет. Это баг какой то или так задумано, почему 2 инпута с одинаковым v-model работают п…

28
Окт
2020

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

Только подключил vuetify к проекту и он выбивает такую ошибку

Если надо вот Git проекта
Раньше на проекте использовался materialize. Подключен в файле index.html, так как в npm 1.0.2 версии не было, и бустрап (Верстал на бутрапе, а ui ком…

28
Окт
2020

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

Только подключил vuetify к проекту и он выбивает такую ошибку

Если надо вот Git проекта
Раньше на проекте использовался materialize. Подключен в файле index.html, так как в npm 1.0.2 версии не было, и бустрап (Верстал на бутрапе, а ui ком…

24
Июл
2020

Swipeable Bottom Sheet

Пытаюсь создать свайпающийся нижний лист как это реализовано в я.такси для кроссплатформенного моб. приложения на vue+vuetify+cordova. Нашел для этого библиотеку FrameworkV7, подключил по мануалу, скопипастил код 1 в 1 с официального приме…

03
Июн
2020

Как добавить свою функцию при клике в таблице по типу Expandable Table?

Как при клике на стрелочку разворачивания строчки таблицы добавить свою функцию например всплывающие окно с приветствие или любую другую?

Пример таблицы

<template>
<div>

<v-data-table
:headers=”headers”
:sing…

24
Апр
2020

Ошибка при подключении vuetify в проект vue ssr

Здраствуйте!
В качестве примера использую этот репозиторий.
Пробую подключить vuetify. Делаю все по инструкции.
При компиляции возникает ошибка:

ERROR in ./node_modules/vuetify/dist/vuetify.min.css 1:0
Module parse failed: Unexpected char…

10
Мар
2020

Как передать данные полученные с сервера в таблицу vuetify vue.js?

Делаю запрос на сервер с помощью axios в проекте vue.js. Получаю данные с сервера и пытаюсь их оформить в таблицу. Для начала пробую положит в одну колонку count, который равен 1. Таблица все равно пустая выходит.

Получаю следующие данные…

06
Мар
2020

Смена активного таба при скролле списка Vuetify

Есть список постов с датой, для отображение даты я использую v-tabs, снизу выводится полный список постом. В блоке где выводится список, перед каждым постом указан день.
Как при скролле всего списка отслеживать какой день в области видимос…