searchusermenu
  • 发布文章
  • 消息中心
点赞
收藏
评论
分享
原创

this.$nextTick 使用场景分享

2023-05-26 09:13:17
4
0

最近在工作上用到element的tree插件,在切换tab页面时,tree的dom对象需要生成过程。

这里需要获取到tree对象信息,代码如下。

this.$refs.tree.getCheckedKeys(true);
由于tree dom对象没有生成完毕就执行代码,报如下错。

TypeError: Cannot read property 'getCheckedKeys' of undefined
使用this.nextTick()

//切换tab操作
this.tab = '3';
this.tags='tag3';
//切换生成dom已完成 再执行nextTick内容 同步操作
this.$nextTick(()   =>{
    var oldKeys = this.$refs.tree.getCheckedKeys(true);
    var newKeys = oldKeys.filter(function(i) {
        return i !== nodeKey;   
    });
    this.$refs.tree.setCheckedKeys(newKeys,true);
});
问题解决。

0条评论
0 / 1000
z****m
3文章数
0粉丝数
z****m
3 文章 | 0 粉丝
z****m
3文章数
0粉丝数
z****m
3 文章 | 0 粉丝
原创

this.$nextTick 使用场景分享

2023-05-26 09:13:17
4
0

最近在工作上用到element的tree插件,在切换tab页面时,tree的dom对象需要生成过程。

这里需要获取到tree对象信息,代码如下。

this.$refs.tree.getCheckedKeys(true);
由于tree dom对象没有生成完毕就执行代码,报如下错。

TypeError: Cannot read property 'getCheckedKeys' of undefined
使用this.nextTick()

//切换tab操作
this.tab = '3';
this.tags='tag3';
//切换生成dom已完成 再执行nextTick内容 同步操作
this.$nextTick(()   =>{
    var oldKeys = this.$refs.tree.getCheckedKeys(true);
    var newKeys = oldKeys.filter(function(i) {
        return i !== nodeKey;   
    });
    this.$refs.tree.setCheckedKeys(newKeys,true);
});
问题解决。

文章来自个人专栏
文章 | 订阅
0条评论
0 / 1000
请输入你的评论
0
0