#vue.js
Вопрос:
у меня есть этот компонент, его простой компонент, но он не отображается, просто я вижу слова «Продажи», мне нужно установить другую библиотеку?
<template>
<v-app>
<v-container>
<v-row dense align="stretch">
<v-col cols="4">
<v-card min-height="100%">
<v-card-text class="green--text">
<h5 class="text-truncate text-uppercase">Sales</h5>
</v-card-text>
</v-card>
</v-col>
</v-row>
</v-container>
</v-app>
</template>
<script>
export default {
name: 'Taps',
setup() {
},
}
</script>
мои зависимости таковы:
"vue": "^3.2.20",
"vue-router": "^4.0.0-0",
"vue3-perfect-scrollbar": "^1.5.5",
"vuex": "^4.0.0-0",
Комментарии:
1. отображается ли он без какого-либо компонента vuetify?
2. можете ли вы включить репро? @react1
Ответ №1:
К сожалению, Vuetify пока не поддерживает Vue 3.
Текущая версия Vuetify не поддерживает Vue 3. Поддержка Vue 3 появится с выпуском Vuetify v3. При создании нового проекта, пожалуйста, убедитесь, что вы выбрали Vue 2 в подсказках интерфейса командной строки Vue или что вы устанавливаете в существующий проект Vue 2.
Вам нужно будет понизить версию Vue или выбрать другую библиотеку компонентов. Quasar-отличная альтернатива Vuetify с множеством тех же компонентов и функций.