Vue 中有一個常用的方法叫做 getCheckedKeys,在處理樹形結構數據時經常會用到,它可以獲取樹形結構中選中的節點的 key 值。
使用該方法需要先在樹形組件上綁定一個 ref 屬性,如下所示:
<template> <el-tree :data="data" ref="tree"></el-tree> </template>
然后就可以通過該 ref 調用 getCheckedKeys 方法,如下所示:
<script> export default { methods: { getSelectedKeys() { const checkedKeys = this.$refs.tree.getCheckedKeys(); console.log(checkedKeys); } } }; </script>
在這個示例中,我們在方法中調用了 getCheckedKeys,獲取到了樹形結構中選中的節點的 key 值,然后將其輸出到控制臺中,便于開發調試。
于是我們就可以通過 getCheckedKeys 方法來快速獲取樹形結構中選中的節點的 key 值了。