element ui在dialog对话框中使用tree组件,点击确定,通过`this.$refs.tree.getCheckedKeys()为什么获取不到值?该怎么解决?求大神!
报错:“TypeError: Cannot read property ‘getCheckedKeys’ of undefined”
<el-dialog title="分配角色" :visible.sync="showRoleTreeDialog">
<el-tree :data="roleTreeList" show-checkbox node-key="id" :props="{label: 'name'}"
:default-checked-keys="checkedRoleIds" style="border: 0">
</el-tree>
<div slot="footer" class="dialog-footer">
<el-button @click="showRoleTreeDialog = false">取 消</el-button>
<el-button type="primary" @click="doAuthorize">确 定</el-button>
</div>
</el-dialog>
评论邀请回答编辑
devotion 5
2017-09-30 提问
1 个回答
已采纳
tree标签中没有ref属性,因此找不到his.$refs.tree,需要添加ref="tree"修改为以下:
<el-tree
ref="tree"
:data="roleTreeList"
show-checkbox
node-key="id"
:props="{label: 'name'}"
:default-checked-keys="checkedRoleIds" style="border: 0">
</el-tree>