我是通过this.$Modal.confirm来显示弹框,在触发onOk的时候来判断校验,如果校验失败,我想重置loading。大家给的方法,在this.$Modal.confirm这种方式里并没有生效,请问有什么解决方法吗?
this.loading = false;
this.$nextTick(() => {
this.loading = true;
});
我是通过this.$Modal.confirm来显示弹框,在触发onOk的时候来判断校验,如果校验失败,我想重置loading。大家给的方法,在this.$Modal.confirm这种方式里并没有生效,请问有什么解决方法吗?
this.loading = false;
this.$nextTick(() => {
this.loading = true;
});
这里的this指向的是当前的Modal对象,buttonLoading是他的私有属性,这样可以实现,点击后loading 0.5s后可以重复点击,感谢答主给的提示
onOk: function () {
setTimeout(() => {
this.buttonLoading = false
}, 500)
}
let v = this;//在外层定义this 指向当前实例
...
//箭头函数的this指向当前所处的对象
v.loading = false;
v.$nextTick(function(){
v.loading = true;
});
2 回答11.3k 阅读✓ 已解决
2 回答13.1k 阅读✓ 已解决
2 回答10.9k 阅读✓ 已解决
4 回答3.9k 阅读✓ 已解决
5 回答1.7k 阅读✓ 已解决
1 回答5.4k 阅读✓ 已解决
4 回答6.3k 阅读
已经解决:onOk: function () { this.buttonLoading = false } 这样可以组织 感谢 @清风自来。 大神