vue @click传参时this问题

vue中,当button的@click函数传递data中数据作为函数参数时,不可使用this.xxx,因为此时this指向button自身,而不是数据。

例如,下列为错误示范

<el-button type="primary" round @click="exchange(this.tableDatae)">兑换</el-button>
export default{
data(){
  return {
    tableData:'k'
  }
  }
}

正确示范

<el-button type="primary" round @click="exchange(tableData)">兑换</el-button>
export default{
data(){
  return {
    tableData:'k'
  }
  }
}

版权声明:本文为weixin_43900888原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。