VueTreeselect多选组件

vue-treeselect 是一个多选组件，具有对 Vue.js嵌套选项支持（需要Vue 2.2+）。

1. vue-treeselect选项框样式调整：

<style lang="scss" scoped>
::v-deep .el-form-item--medium .el-form-item__content {
  line-height: 20px;
}

::v-deep .vue-treeselect__label {
  font-size: 12px;
  font-weight: normal;
}
</style>

2. normalizer函数属性

normalizer函数属性可对接口返回的数据进行处理，处理成treeselect想要的格式。

// 我这里接口数据中不同level的id可能相同。。。这块我构建的唯一值id为当前id和level组成
// 勾选后给后端传相应id和level时可通过字符"-"去split获取
normalizer(node) {
      return {
        id: node.id + "-" + node.level,
        label: node.label,
        children: node.children,
      };
}

我这里vue版本为2.6.12。