vue watch 实时监听 当input为空时,按钮变为禁用状态
<Button:disabled="saveDisable">保存</Button>data() {return {saveDisable: false, //初始为非禁用状态banner: [],}}watch: {banner: { //监听bannerhandler: function(newVal, oldVal) {this.saveDis.
·
<Button
:disabled="saveDisable"
>保存
</Button>
data() {
return {
saveDisable: false, //初始为非禁用状态
banner: [],
}
}
watch: {
banner: { //监听banner
handler: function(newVal, oldVal) {
this.saveDisable = false
for (let i in newVal) {
if (newVal[i].linkUrl === '') { //如果banner中有任一linkUrl为空,按钮变为禁用状态
this.saveDisable = true
}
}
},
deep: true // watch 的 API 里面,有一个属性:deep ,使用它就可以对数组等嵌套对象进行深度监听
}
}
更多推荐
已为社区贡献4条内容
所有评论(0)