0
点赞
收藏
分享

微信扫一扫

Vue的事件代理

眼君 2022-01-05 阅读 61

大家好,我是阿猛。这是我的第一篇文章,借此平台一为做个笔记,二为与大家探讨技术海洋。

希望我的笔记是由简=>难这个方向发展的,证明一个普通前端在成长着

vue事件代理使用场景与作用:

vue本身没有代理
需要代理,将事件代理的程序代理到父节点,比如此时要v-for 1w个span标签,不使用代理每个标签都绑定一个click事件,使用代理只在父节点设置点击事件(循环数据量少其实并不影响内存)

不使用代理:

<div>
	<span v-for='(item, index)' of 10000 :key='index' @click=''function() {}">{{item}}</span>
</div>

使用代理:

<div @click=''clickEvent">
	<span v-for='(item, index)' of 10000 :key='index' :data-index='index'>{{item}}</span>
</div>
export default {
	methods: {
		clickEvent(e) {
			console.log(`当前选中下标为${e.target.dataset.index}`)
		}
	 }
}

越没有行业属性的技术人员,可替代成本越低

举报

相关推荐

0 条评论