小编him*_*wla的帖子

可拖动的 Vuetify 扩展面板

我是 Vuejs 和 vuetify 以及 stackoverflow 的新手。我的任务是在 vuetify 中制作一个可拖动的扩展面板。我尝试了很多,但对我来说没有任何效果。以下是我遵循的一些小提琴和 github 源代码:

1.) https://github.com/SortableJS/Vue.Draggable

2.) Functionnal Vuejs 2 sortable v-expansion-panels - 请谷歌搜索

但对我来说没有任何结果。有人可以帮我解决这个问题吗?我可以参考任何小提琴或代码笔吗?

我无法导入组件,因为仅通过 cdn 使用此 vuetify 和 vue.js。

我在这里先向您的帮助表示感谢。

HTML(原型):

<div id="app">
  <v-app id="inspire">
    <v-data-table
        v-bind:headers="headers"
        :items="items"
        hide-actions
        class="elevation-1"
        ref="sortableTable"
      >
      <template slot="items" slot-scope="props">
        <tr class="sortableRow" :key="itemKey(props.item)"> <!-- NOTE:  You'll need a unique ID, that is specific to the given item, for the key.   Not providing a unique key that's bound to the item object will break drag and drop …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-component vuejs2 vuetify.js

5
推荐指数
0
解决办法
3824
查看次数

标签 统计

javascript ×1

vue-component ×1

vue.js ×1

vuejs2 ×1

vuetify.js ×1