vue.js 未找到v-data-table组件

pn9klfpd  于 2023-03-13  发布在  Vue.js
关注(0)|答案(2)|浏览(231)

我尝试使用vuetify创建一个sudo数据表,目的是使用v-data-table呈现动态计算的数据
但是,我在将Vuetify添加到我的应用程序中时遇到了麻烦。
我试着加上

vue.use(Vuefity)

但是它抛出一个错误-〉Property 'use' does not exist on type 'typeof
下面是我的代码
x一个一个一个一个x一个一个二个x
这是我的主.ts的外观

import { createApp } from 'vue'
import Vue from 'vue'
import App from './App.vue'

import "vuetify/dist/vuetify.min.css"
import Vuetify from "vuetify"

//Vue.use(Vuetify);
//Vue.readonly(Vuetify);

createApp(App).mount('#app')

当我尝试运行代码时,浏览器无法检测到v-data-table,并抛出以下错误:
Failed to resolve component: v-data-table

bkkx9g8r

bkkx9g8r1#

Vuetify dosent目前支持vue3,请使用vue2。因此,Vue.use在vue3中不可用,并且由于vuetify dosent添加了v-data-table组件,因此该组件不可用。

vjrehmav

vjrehmav2#

目前,Vuetify的一些组件还没有准备好在Vue3中生产使用。但是有一种方法可以在项目中使用它。您可以从here查看Vuetify的官方文档中的更多细节

import { createVuetify } from 'vuetify'
import { VDataTable } from 'vuetify/labs/VDataTable'

export default createVuetify({
 components: {
    VDataTable,
 },
})

相关问题