码迷,mamicode.com
首页 > 其他好文 > 详细

computed属性中$refs为undefined不能更新数据

时间:2021-06-23 16:26:40      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:return   问题解决   ret   rop   属性   双向   依赖   efi   compute   

问题描述

页面需要动态计算table高度,在computed属性中使用了$refs但是无法得到一个可用的数据

问题分析

computed中 return一个常量时不会再触发数据双向绑定,一开始$refs无效,此时computed属性返回了一个常量值,所以后续不在触发。

问题解决

// 使用setTimeout在mounted中或者页面初始化方法中设置一个100ms时间差,调用获取高度的方法,保证$refs可用。
// 如果该computed属性有其他依赖,不直接返回一个常量的可以使用以下方法更细computed中的属性

data(){
        return {
            isMounted: false
        }
    },
    computed:{
        property(){
            if(!this.isMounted)
                return;
            //$refs is available
        }
    },
    mounted(){
        this.isMounted = true;
    }

computed属性中$refs为undefined不能更新数据

标签:return   问题解决   ret   rop   属性   双向   依赖   efi   compute   

原文地址:https://www.cnblogs.com/codebook/p/14920014.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!