用于调试的 Jsfiddle 不使用 Vuetify 运行

Question

我正在尝试创建一个 JSfiddle，以便我可以与 Vue.Draggable 的开发人员一起调试问题，但我无法让 Vuetify 工作。我想显示 v-autocomplete。

我错过了什么？

https://jsfiddle.net/legionNL/pqzwy4vt/2/

<div id="app">
  <v-autocomplete v-model="actions" :items="UnitsAndBuildings" 
chips item-value="action" item-text="action" multiple></v-autocomplete>
  <v-chip outlined pill class="ma-2">Default</v-chip>
</div>

Answer 1

首先去掉这个：

components: {
  draggable
},

draggable 没有定义，所以这会破坏整个事情。我相信CDN版本无论如何都会在全球注册。

第二个问题是您的资源顺序。展开左侧的资源部分并将它们重新排序为适当的顺序。 vue.js 应该是第一个。

下一个问题是老版本的Vue。你指的是 2.4.2。将其更新为 2.6.10。

接下来，像这样注册 Vuetify：

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

去掉 Vue.use(Vuetify).

最后，您指的是 Vuetify 的一个古老 CSS 文件。更新版本以匹配 JS。

用于调试的 Jsfiddle 不使用 Vuetify 运行

Jsfiddle for debugging does not run with Vuetify

jsfiddle

vue.js

vuetify.js