v-подсказка от vuetify ломает всю страницу - PullRequest
Новая
       42

v-подсказка от vuetify ломает всю страницу

0 голосов
/ 28 февраля 2019

Я использую этот пример из документации vuetify 

<v-tooltip bottom>
    <template #activator="data">
        <v-btn color="primary" dark v-on="data.on">Button</v-btn>
    </template>
    <span>Tooltip</span>
</v-tooltip>

, но когда я помещаю его куда-либо, все мои разрывы страниц не отображаются после этого, и я получаю ошибку JS:

[Vue warn]: свойство или метод "data" не определены в экземпляре, но на них ссылаются во время рендеринга.Убедитесь, что это свойство является реактивным, либо в параметре данных, либо для компонентов на основе классов, инициализируя свойство.Смотрите: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties. найдено в ---> в ресурсах / активах / js / components / Project.vue

Я не уверен, почему, так как в другом проекте он работает нормально,Есть идеи?

1 Ответ

0 голосов
/ 28 февраля 2019

С Vuetify => activator: при использовании активирует компонент при щелчке (или при наведении курсора на определенные компоненты).Это вручную останавливает распространение события.Без этого слота, если вы откроете компонент через его модель, вам нужно будет вручную остановить распространение события

«data» может быть любой строкой здесь.Пока это соответствует v-on = "data.on" Используете ли вы свойство данных на своей странице?Вы можете показать, что у вас есть в разделе сценариев?

...