element树形空间el-tree的数据赋值
<el-button type="warning"
icon="el-icon-setting"
size="mini"
@click="w)">分配权限</el-button>
<!-- 分配权限的对话框 -->
<el-dialog title="分配权限"
:visible.sync="setRightDialogVisible"
width="50%">
<!-- 树形控件 -->
<el-tree :data="rightsList"
:
props="treeProps"
show-checkbox
node-key="id"
default-expand-all
:default-checked-keys="defKeys"></el-tree>
<span slot="footer"
class="dialog-footer">
<el-button @click="setRightDialogVisible = false">取消</el-button>
<el-button type="primary"
@click="setRightDialogVisible = false">确定</el-button>
</span>
</el-dialog>
<script>
export default {
name: 'Roles',
mixins: [],
components: {},
props: {},
data () {
return {
// 所有⾓⾊列表数据
rolelist: [],
/
/ 控制全新啊对话框的显⽰和隐藏
setRightDialogVisible: false,
// 所有权限数据
rightsList: [],
// 树形控件的属性绑定对象
treeProps: {
label: 'authName',
children: 'children'
},
// 默认选中选中节点Id值的数组
defKeys: []reactnative原生列表
}
},
watch: {},
computed: {},
methods: {
// 展⽰分配权限的对话框
async showSetRightDialog (role) {
// 获取所有权限数据
const { data: res } = await this.$('rights/tree')
if (a.status !== 200) {
return this.$('获取权限数据失败')
}
// 把获取到的权限数据保存到data中
this.rightsList = res.data
console.log(this.rightsList)
// 递归获取三级节点的Id
this.setRightDialogVisible = true
},
// 通过递归的形式，户去交涉下所有三级权限的id，并保存到defKeys数组中    getleafKeys (node, arr) {
// 如果当前node节点不包含children属性，则是三级节点
if (!node.children) {
return arr.push(node.id)
}
node.children.forEach(item => {
})
}
},
created () {
},
mounted () { }
}
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。