admin管理员组文章数量:1641357
经过测试,有时候在绑定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 => {
})
本文标签: 网络disabledvueComputedBug
版权声明:本文标题:Vue disabled更改无效 disabled bug 网络请求 computed 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1729316990a1195413.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论