vue中函数参数传递为undefined

在Vue中 ,时间处理函数 比如@click 会在实际dom元素上绑定一个新的函数,,这个新的函数不再与当前Vue组件实例的上下文相关,,因此在这个新函数的内部,无法直接访问当前组件实例的数据,方法,或者计算属性

vue会在按钮上绑定一个新的函数来处理点击事件:

js 复制代码
document.querySelector("button").addEventListener("click",function(){
	// 这里的this不再是当前组件实例
	// 但是可以通过 event访问DOM元素和其他信息
})

vue为事件处理程序创建一个新的函数,,并且这个函数的上下文不再和当前组件的上下文相关,,@click="edit(item)" 这个item会变成undefined,,,需要使用箭头函数,,将item传进去 @click="()=>edit(item)" , 箭头函数继承了外部作用域上下文,,可以访问外部的变量

相关推荐
三十_A14 小时前
【无标题】
前端·后端·node.js
excel14 小时前
Vue 编译器源码解读:transformVBindShorthand 的设计与原理
前端
Jeffrey__Lin15 小时前
解决Grid布局下el-table自适应缩小失败的问题
vue.js·elementui·html
时间的情敌15 小时前
Vue3的异步DOM更新:nextTick的正确使用方法
前端·javascript·vue.js
风语者日志15 小时前
[LitCTF 2023]作业管理系统
前端·网络·安全·web安全·ctf
咖啡の猫15 小时前
vue 项目中常用的 2 个 Ajax 库
vue.js·ajax·okhttp
excel15 小时前
深入解析:Vue 编译器核心工具函数源码(compiler-core/utils.ts)
前端
excel15 小时前
第五章:辅助函数与全流程整合
前端
excel15 小时前
🔍 深度解析:Vue 编译器中的 validateBrowserExpression 表达式校验机制
前端
excel15 小时前
深度解析:Vue 模板编译器中的 Tokenizer 实现原理
前端