如果在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生命周期,依此来达到计算属性的效果