vue method中的箭头函数如何调用vue中的data数据
时间: 2024-05-15 09:12:52 浏览: 108
vue中实现在外部调用methods的方法(推荐)
箭头函数中的this指向定义时所在的作用域,而不是调用时的作用域,因此无法直接访问Vue实例中的data数据。
但是可以通过传参的方式将数据传递给箭头函数。假设在Vue实例中有一个data属性为message,可以在method中定义一个箭头函数,将message作为参数传递进去:
```javascript
methods: {
handleClick: function() {
const fn = (message) => {
console.log(message)
}
fn(this.message)
}
}
```
在上面的例子中,当点击按钮时,会调用handleClick方法,该方法中定义了一个箭头函数fn,将this.message作为参数传递给fn函数,在fn函数中即可访问到message的值。
阅读全文