element ui在dialog对话框中使用tree组件,点击确定,通过`this.$refs.tree.getCheckedKeys()为什么获取不到值?该怎么解决?

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>

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值