iview 引入TreeSelect报错处理

241 阅读1分钟

错误如下: image.png

一、安装

npm install --save @riophae/vue-treeselect

二、实现

<template>
  <div>
    <treeselect
        :multiple="true"
        :options="options"
        placeholder="Select your favourite(s)..."
        no-results-text="No results found... Press enter to add"
    >
    </treeselect>
  </div>
</template>

<script>
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";

export default {
    components: {
        Treeselect
    },
    data() {
      return {
        value: [],
        options: [{
          id: 'a',
          label: 'a',
          children: [{
            id: 'aa',
            label: 'aa'
          }, {
            id: 'ab',
            label: 'ab'
          }],
        }, {
          id: 'b',
          label: 'b'
        }, {
          id: 'c',
          label: 'c'
        }]
      }
    }
}
</script>

b60f5f683ea489170ca92ed7e46d076.png

参考地址:blog.csdn.net/chenwei1113…