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)" , 箭头函数继承了外部作用域上下文,,可以访问外部的变量

相关推荐
理想不理想v9 分钟前
vue经典前端面试题
前端·javascript·vue.js
不收藏找不到我10 分钟前
浏览器交互事件汇总
前端·交互
小阮的学习笔记23 分钟前
Vue3中使用LogicFlow实现简单流程图
javascript·vue.js·流程图
YBN娜24 分钟前
Vue实现登录功能
前端·javascript·vue.js
阳光开朗大男孩 = ̄ω ̄=24 分钟前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
杨荧26 分钟前
【JAVA毕业设计】基于Vue和SpringBoot的服装商城系统学科竞赛管理系统
java·开发语言·vue.js·spring boot·spring cloud·java-ee·kafka
minDuck28 分钟前
ruoyi-vue集成tianai-captcha验证码
java·前端·vue.js
小政爱学习!1 小时前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。1 小时前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax