Vue disabled更改无效 disabled bug 网络请求 computed
在绑定disabled之后直接设置为true是无效的原因不知道,历经
·
经过测试,有时候在绑定disabled之后直接设置为true是无效的
原因不知道
如果需要禁用之类的话,可以改用v-show
+ computed
计算属性
<div v-show="boolAddFunc">
</div>
computed: {
boolAddFunc() {
return this.boolShow
}
},
data: {
boolShow: true
}
另外:
如果需要加载一些内容之后,再显示特定的内容,可以这样做:
先在data里面设置多个boolean变量
boolShowA: true,
boolShowB: true,
boolShowC: true
然后在computed中的boolAddFunc()中写:
boolAddFunc() {
return this.boolShowA && this.boolShowB && this.boolShowC
}
这种情况适用于网络请求完毕之后再显示一些内容
注意要把boolShowA ,boolShowB, boolShowC这3个变量在他们各自的所在的网络请求完成之后设置为true,比如:
this.$axios.get( hostUrl)
.then(res => {
// 1,先处理res
....
// 2,最后设置boolShowA
this.boolShowA = true
})
.catch(err => {
})
更多推荐
已为社区贡献4条内容
所有评论(0)