文章/答案/技术大牛

发布

社区首页 >问答首页 >this.$vuetify.breakpoint是未定义的

问this.$vuetify.breakpoint是未定义的
EN

Stack Overflow用户

提问于 2021-01-07 09:18:23

回答 1查看 2.1K关注 0票数 1

我想要建立一张包含vuetify和vue的表格。

当前im收到以下错误消息: TypeError: this.$vuetify.breakpoint未定义

当我使用vuetify的v数据表时，它就出现了。

错误：

[Vue warn]: Error in render: "TypeError: this.$vuetify.breakpoint is undefined"

found in

---> <VData>
      <VDataTable>
        <AngebotsTable> at src/components/AngebotsTable.vue
          <AngebotsWrapper> at src/components/AngebotsWrapper.vue
            <App> at src/App.vue
              <Root>

<template>
  <v-data-table
    :headers="headers"
    :items="desserts"
    :items-per-page="5"
    class="elevation-1"
  ></v-data-table>
</template>

<script>
  export default {

  }
</script>

main.js

import Vue from 'vue'
import App from './App.vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
import VueRouter from 'vue-router'

Vue.use(Vuetify)
Vue.use(VueRouter);

export default new Vuetify({  })


const router = new VueRouter({})

new Vue({
  el: '#wp-vue-app',
  router: router,
  Vuetify: Vuetify,
  render: h => h(App)
})

有人能帮我吗？

javascript

vue.js

vuetify.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-01-07 09:27:45

您在实例中缺少了vuetify选项：

import Vue from 'vue'
import App from './App.vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
import VueRouter from 'vue-router'

Vue.use(Vuetify)
Vue.use(VueRouter);

const vuetify= new Vuetify({  })


const router = new VueRouter({})

new Vue({
  el: '#wp-vue-app',
  router: router,
  vuetify:vuetify,
  render: h => h(App)
})

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65609590

复制

相似问题

问this.$vuetify.breakpoint是未定义的
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问this.$vuetify.breakpoint是未定义的EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问this.$vuetify.breakpoint是未定义的
EN