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(
·
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'
}
}
}
更多推荐
已为社区贡献2条内容
所有评论(0)