|
@ -62,6 +62,13 @@ export default { |
|
|
return {} |
|
|
return {} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
// 没有子节点的id数组 |
|
|
|
|
|
menusIds: { |
|
|
|
|
|
type: Array, |
|
|
|
|
|
default() { |
|
|
|
|
|
return [] |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
// 配置是否可多选 |
|
|
// 配置是否可多选 |
|
|
multiple: { |
|
|
multiple: { |
|
|
type: Boolean, |
|
|
type: Boolean, |
|
@ -209,6 +216,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
// 单选,节点被点击时的回调,返回被点击的节点数据 |
|
|
// 单选,节点被点击时的回调,返回被点击的节点数据 |
|
|
handleNodeClick(data, node) { |
|
|
handleNodeClick(data, node) { |
|
|
|
|
|
console.log(node, 'node') |
|
|
if (!this.multiple) { |
|
|
if (!this.multiple) { |
|
|
this.setSelectOption(node) |
|
|
this.setSelectOption(node) |
|
|
this.isShowSelect = !this.isShowSelect |
|
|
this.isShowSelect = !this.isShowSelect |
|
@ -218,6 +226,7 @@ export default { |
|
|
// 多选,节点勾选状态发生变化时的回调 |
|
|
// 多选,节点勾选状态发生变化时的回调 |
|
|
handleCheckChange() { |
|
|
handleCheckChange() { |
|
|
var checkedKeys = this.$refs.tree.getCheckedKeys() // 所有被选中的节点的 key 所组成的数组数据 |
|
|
var checkedKeys = this.$refs.tree.getCheckedKeys() // 所有被选中的节点的 key 所组成的数组数据 |
|
|
|
|
|
|
|
|
this.options = checkedKeys.map((item) => { |
|
|
this.options = checkedKeys.map((item) => { |
|
|
var node = this.$refs.tree.getNode(item) // 所有被选中的节点对应的node |
|
|
var node = this.$refs.tree.getNode(item) // 所有被选中的节点对应的node |
|
|
const tmpMap = {} |
|
|
const tmpMap = {} |
|
@ -225,9 +234,10 @@ export default { |
|
|
tmpMap.label = node.label |
|
|
tmpMap.label = node.label |
|
|
return tmpMap |
|
|
return tmpMap |
|
|
}) |
|
|
}) |
|
|
this.selectedData = this.options.map((item) => { |
|
|
|
|
|
return item.value |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
// this.selectedData = this.options.map((item) => { |
|
|
|
|
|
// return item.value |
|
|
|
|
|
// }) |
|
|
|
|
|
this.selectedData = this.menusIds.filter(item => this.options.some(v => v.value === item)) |
|
|
this.$emit('change', this.selectedData) |
|
|
this.$emit('change', this.selectedData) |
|
|
}, |
|
|
}, |
|
|
// 多选,删除任一select选项的回调 |
|
|
// 多选,删除任一select选项的回调 |
|
|