可拖动的vue树视图组件（Vuetify）

帝国模板之家 2021-02-03 网页特效 ℃ 评论

介绍

Vuetify框架是一款vue.js树视图组件，允许用户通过拖放来重新排序父级和子级节点。

1. 安装并导入组件。

import VuetifyDraggableTreeview from 'vuetify-draggable-treeview'
Vue.use(VuetifyDraggableTreeview)

2.将可拖动树视图组件添加到模板。

<template>
  <v-draggable-treeview
    group="example"
    v-model="items"
  ></v-draggable-treeview>
</template>

3. 将节点添加到树视图。

export default {
  data() {
    return {
      items: [{ id: 1, name: "node-1", children: [{ id:11, name: "node1-1" }] }]
    }
  }
}

演示下载

本文永久链接地址：https://www.moyouyouw.cn/code/1484.html

郑重声明：本站所有主题/文章除标明原创外，均来自网络转载，版权归原作者所有，如果有侵犯到您的权益，请联系本站删除，谢谢！我们不承担任何技术及版权问题，且不对任何资源负法律责任。

这世上无忧无虑的人，反而相对寿命会长点。

帝国模板之家 | www.moyouyouw.cn

本站所有模板/文章除标明原创外，均来自网络转载，版权归原作者所有，如果有侵犯到您的权益，请联系站长删除，谢谢！寻找帝国cms模板首选帝国模板之家，用心做站，上线至今广受好评，值得信赖！