vue回调函数中调用data中的数据的解决方法

场景:`

vue回调函数中调用data中的数据
截图

问题描述

点击页面上的按钮,弹窗,用户点击确定后,在日志记录数据。从运行日志来看,回调函数中拿不到data中定义的message的值。

原因分析:

回调函数的this只代表回调函数作用域内的变量。


解决方案:

在回调函数外定义一个变量,将回调函数外的this对象赋给它。如此一来就可以在回调函数内正常调用到data中定义的变量了。

var homeThis = this;

成功截图

猜你喜欢

转载自blog.csdn.net/liangxiaoyan0426/article/details/131348436
今日推荐