Skip to content
本页目录

如果在v-if之后需要$refs.xxx 来做判断

$refs仅在呈现组件之后填充,并且它们是无反应的。 它仅用作直接子操作的转义线-您应避免从模板或计算的属性中访问$ refs。

你说我一定要实现这个功能

则可以使用updated(),来代替计算属性实现效果

html
<div v-if="myProp"></div>
javascript
updated() {
    if(this.$refs['productList']?.['active']){
          this.myProp=this.$refs['productList']?.['active']!=='666'
        }
}

每次页面发生变动后都会触发updated生命周期,依此来达到计算属性的效果