vue注册全局组件（插件treeselect为例）

最新推荐文章于 2024-07-20 15:24:14 发布

RAY_CHEN.

最新推荐文章于 2024-07-20 15:24:14 发布

阅读量462

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_44707050/article/details/121114824

版权

以插件treeselect为例；

下载相关包后

npm install --save @riophae/vue-treeselect

在mian.js中，

import Treeselect from '@riophae/vue-treeselect'

import '@riophae/vue-treeselect/dist/vue-treeselect.css'
Vue.component('Treeselect',Treeselect)

使用，tree.js中

 <Treeselect v-model="value" :multiple="true" :options="options" />
      value: null,
      options: [
        {
          id: "a",
          label: "a",
          children: [
            {
              id: "aa",
              label: "aa",
            },
            {
              id: "ab",
              label: "ab",
            },
          ],
        },
        {
          id: "b",
          label: "b",
        },
        {
          id: "c",
          label: "c",
        },
      ],