const that = this  -----------------------------work 5.26

本文探讨了Vue.js中组件间的通信问题,特别是如何在方法中确保`this`作用域的正确传递,以便在异步操作如 MessageBox 组件的确认对话框中调用外部方法。通过创建闭包和使用`let that = this`来保持引用,解决了在回调函数中丢失上下文的问题。示例展示了在用户确认删除操作时,如何显示成功或取消的消息。
摘要由CSDN通过智能技术生成

 const that = this 

(保证你的作用域能传递到里边)

出现这个情况就类似,一个大房间(this),然后你手里拿着个扳手(resetForm),然后大房间内还有个封闭的小房间(闭包函数),小房间里的人喊着要扳手(resetForm)但是根本找不到扳手,那么只能喊大房间外边的你递扳手,所以小房间和大房间要拉根联系的电话线,传递消息(let 变量名 = this),拉通了,才能喊你递扳手进小房间(变量名.resetForm)去使用

 

MessageBox 组件相关

<script> export default { methods: { open() { this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { this.$message({ type: 'success', message: '删除成功!' }); }).catch(() => { this.$message({ type: 'info', message: '已取消删除' }); }); } } } </script>

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值