文章/答案/技术大牛

发布

社区首页 >问答首页 >无法读取未定义的属性t‘使用Vuetify和Laravel

问无法读取未定义的属性t‘使用Vuetify和Laravel
EN

Stack Overflow用户

提问于 2019-09-23 21:58:07

回答 1查看 10.3K关注 0票数 7

尝试使用Vuetify组件时出现此错误。也许只是我对如何在Laravel中实现Vuetify组件缺乏了解。

Laravel v5.8.35，Vue v2.6.10，Vuetify v2.0.18。

错误：

Vue警告:呈现错误："TypeError:无法读取属性't‘的未定义“ 找到位置

app.js

require('./bootstrap');
window.Vue = require('vue');

Vue.component('example-component', require('./components/ExampleComponent.vue').default);

import Vuetify from 'vuetify';
Vue.use(Vuetify);
Vue.component('test', require('./components/Test.vue').default);

const app = new Vue({
    el: '#app',
});

布局/vue.blde.php

<!DOCTYPE html>
<html>
<head>
<title>Vue Examples</title>
<meta name="csrf-token" content="{{ csrf_token() }}">
</head>
<body>
    <div id="app">
        @yield("content")
    </div>
    <script src="{{ asset('/js/app.js') }}"></script>
    </body>
</html>

test.blade.php

@extends('layouts.vue')

@section('content')
    <test></test>
@endsection

组件/Test.vue

<template>
  <v-container fluid>
    <v-row align="center">
      <v-col class="d-flex" cols="12" sm="6">
        <v-select
          :items="items"
          label="Standard"
        ></v-select>
      </v-col>

      <v-col class="d-flex" cols="12" sm="6">
        <v-select
          :items="items"
          filled
          label="Filled style"
        ></v-select>
      </v-col>

      <v-col class="d-flex" cols="12" sm="6">
        <v-select
          :items="items"
          label="Outlined style"
          outlined
        ></v-select>
      </v-col>

      <v-col class="d-flex" cols="12" sm="6">
        <v-select
          :items="items"
          label="Solo field"
          solo
        ></v-select>
      </v-col>
    </v-row>
  </v-container>
</template>
<script>
  export default {
    data: () => ({
      items: ['Foo', 'Bar', 'Fizz', 'Buzz'],
    }),
  }
</script>

如您所见，vue文件正是v-select组件的Vuetify的源。不包括此功能的组件可以：

  export default {
    data: () => ({

所有其他组件(例如ExampleComponent)都可以正常工作。

vue.js

vuetify.js

laravel

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-23 22:39:05

您需要创建一个Vuetify实例。例如：

new Vue({
  el: '#app',
  vuetify: new Vuetify()
})

这是文档化的这里，尽管他们在页面上隐藏了相当长的一段时间。

票数 21

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

原文链接：

https://stackoverflow.com/questions/58070686

复制

相似问题

问无法读取未定义的属性t‘使用Vuetify和Laravel
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法读取未定义的属性t‘使用Vuetify和LaravelEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法读取未定义的属性t‘使用Vuetify和Laravel
EN