5 голосов
Принятый

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

Нет, вы не правы, data вычисляется вперед computed. Ошибка говорит, что свойство politics_show_ не может быть прочитано у undefined. Ругается на this.politics_show_. this является undefined. Это ...
Dmitry's user avatar
  • 3,778
4 голоса
Принятый

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

У DatePicker есть реквизит weekday-format для доступа к дням недели: Name: weekday-format Type: function Default: null Description: Allows you to customize the format of the weekday string that ...
Jack_oS's user avatar
  • 12.5k
4 голоса
Принятый

Vuetify, Vue мой шаблон

Ошибка говорит, что <template> должен содержать только один элемент. А у вас их два - <v-toolbar>...</v-toolbar> и <form>...</form>. Для решения оберните <v-toolbar&...
Stepan Kasyanenko's user avatar
3 голоса
Принятый

Двойной вызов функции Vue.js

Потому что, в самом watch есть изменение переменной, за которой он наблюдает new Vue({ el: '#app', data() { return { item: null, loader: null, loading: false, ...
Dmytro's user avatar
  • 6,756
3 голоса
Принятый

Отрисовка компонентов из библиотеки vuetify

main.js: import Vue from "vue"; import App from "./App"; import Vuetify from "vuetify"; import "vuetify/dist/vuetify.min.css"; Vue.use(Vuetify); Vue.config.productionTip = false; /* eslint-disable ...
SVE's user avatar
  • 22.4k
3 голоса

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

maxlength для v-text-field можно добавить так: <v-text-field v-model="title" label="label" maxlength="20" ></v-text-field> Можно расширить ...
Jack_oS's user avatar
  • 12.5k
2 голоса

Центрирование внутри v-carousel

v-carousel { text-align: center; /* Родительскому задать выравнивание по центру */ } .title { max-width: 100%; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 2em; ...
  webkir's user avatar
2 голоса
Принятый

Vue.js вывод сообщения при не найденных данных

Простой же v-else должен подойти: <div v-if="~program.title.toLowerCase().indexOf(epgFilter.toLowerCase()) || ~program.description.toLowerCase().indexOf(epgFilter.toLowerCase()) || ~program.date....
TheMY3's user avatar
  • 9,081
2 голоса
Принятый

Добавление атрибутов к тегам Vuetify

Так же как и к любому другому тэгу.
Никита Лощенин's user avatar
2 голоса
Принятый

Как добавить класс элементу Vue.js

Вы можете сохранять ссылку на текущий активный элемент в data, и при прокрутке к другому элементу сначала удалять класс activeItem у этого элемента, а потом записывать ссылку на него в data и ...
x-foby's user avatar
  • 1,102
2 голоса
Принятый

Иконки в v-select vuetify

Вы можете использовать scoped slot для своих целей Для v-select есть два scoped slot: selection: описывает, как v-select должен отображать элементы при выборе item: описывает, как v-select должен ...
martiliones's user avatar
2 голоса

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

Vuetify v-select API гласит, что вы можете передавать во v-select в качестве items - массив объектов, которые могут содержать следующие свойства: { text: string | number | object, value: string | ...
Mikalai Parakhnevich's user avatar
2 голоса
Принятый

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

Добавьте к кнопкам у которых хотите убрать подсвечивание класс no-active, как: <v-btn text to="/" class="no-active">...</v-btn> и добавьте стили для этого класса: .v-...
Mikalai Parakhnevich's user avatar
2 голоса
Принятый

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

Используйте директиву v-scroll, чтобы отследить скролл элемента: <v-container style="height: 800px;" v-scroll:#scrollarea="onScroll"> Атрибут color для компонента v-app-bar ...
Mikalai Parakhnevich's user avatar
1 голос
Принятый

Переместить scroll с родительского элемента на дочерний

Попробуйте так: /* visual */ html, body { margin: 0; } .v-dialog { background: gray; } .v-card { border: 1px solid #555; width: 90%; background: #fff; height: 50%; ...
Инквизитор's user avatar
1 голос

vuejs v-model отключить автоматическую смену переменной

new Vue({ el: '#app', data: { valid: null, item: { name: '' }, nameInput: '', nameRules: [ v => !!v || 'Не может быть пустым', v => /(foo|bar|baz)$/i....
yar85's user avatar
  • 10.9k
1 голос

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

Оберните вашу картинку в функцию require(). Пример: :src="require(product.image)" Второй вариант это обернуть v-img в no-ssr тэг. Третий вариант это использовать папку static для хранения ...
ccxdec's user avatar
  • 1,821
1 голос
Принятый

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

Решение следующие в таблицу <v-data-table :page.sync="numbPages" :items-per-page.sync="perPages" ...
Dip's user avatar
  • 129
1 голос
Принятый

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

Например при помощи CSS. .v-list { margin-top: 20px; }
Ilia Brykin's user avatar
  • 1,633
1 голос

Отступ vuetify v-select

Правая кнопка мыши -> Просмотреть код.
MobiDevices's user avatar
  • 7,309
1 голос
Принятый

Отступ vuetify v-select

Добавьте к v-select атрибут hide-details, он так же применим к различным инпутам и выпадающим спискам которые есть внутри vuetify. Так же бывают ситуации в которых помогают spacing-helpers: https://...
Vearodev's user avatar
  • 276
1 голос

Как изменить ширину столбца?

Я вижу такой вариант. Это если содержание таблицы однородно. Можно вычислять размеры по самой широкой и высокой и выстраивать другие. <style lang="scss" scoped> .v-data-table td{ ...
Dip's user avatar
  • 129
1 голос

Выпадающее меню vue.js

Во-первых Data лучше определить как функцию: data: () => ({ isShowDropdown: false, }), Во-вторых. Добавить dropdown меню: <div v-on:click='showDropdown'&...
Oleksii Zelenko's user avatar
1 голос
Принятый

Приём ответа от api и вывод его под input как rules Vuetify

Первоначальный вариант, который я предлагал. Оказался не совсем подходящим т.к. после добавления правила автоматическая валидация не запускается и сообщение не выводится, пока вручную ввод не сделать, ...
Adrug's user avatar
  • 1,301
1 голос
Принятый

unknown mutation type в Vue JS

mutations: { createProduct (state, payload) { state.products.push(payload) } }
Макс Максимов's user avatar
1 голос
Принятый

Как присвоить компоненту v-dialog свойство border-radius: 10px?

Вы можете решить свою задачу, используя класс элемента (в вашем случае .v-dialog) и свойство CSS !important. Достаточно применить в вашем файле стилей такую запись: .v-dialog{border-radius:10px !...
Mikalai Parakhnevich's user avatar
1 голос
Принятый

Как получить доступ к data text-fields в vuetifyjs?

vm.$vnode.data.model - содержит объект с названием параметра, который записан в v-model и значение этого параметра У формы взять значение валидная она или нет можно через $ref: vm.$refs.form.value ...
Владимир Сумароков's user avatar
1 голос
Принятый

Добавление тэгов (chip) в div

<div id="output">{{chips}}</div> <div id="output2"> <span v-for="(item, index) in chips" :key="index">{{item}}</span> </div> вы ведет выделенные https://...
Ruslan  Semenov's user avatar
1 голос
Принятый

jest не видит компоненты библиотеки Vuetify

У Jest есть возможность указать setup-скрипт, который выполнится перед прогоном тестов. Сделайте в этом файле примерно следующее (псевдокод): import Vue from "vue"; import Vuetify from "vuetify"; Vue....
yarkov_aleksei's user avatar

Допускаются только превышающие минимальную длину ответы с наивысшим рейтингом, не являющиеся общими