欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue获取自定义属性的值,标签的值

程序员文章站 2022-06-23 11:22:46
vue中尽量减少dom操作。方式一:不推荐使用自定义属性为data-val,通过e.target.getAttribute()获取。点我getVal0(e){console.log(e.target.getAttribute('data-val'));},方式二:不推荐使用自定义属性为data-val,

vue中尽量减少dom操作。

  • 方式一:不推荐使用

自定义属性为data-val,通过e.target.getAttribute()获取。

		<span data-val="0"  @click="getVal0">点我</span>
		getVal0(e){
					console.log(e.target.getAttribute('data-val'));
				},
  • 方式二:不推荐使用

自定义属性为data-val,

		<span data-val="1" ref="spanVal1" @click="getVal1">点我</span>
		getVal1(){
					console.log(this.$refs.spanVal1.dataset.val);
				},
  • 方式三:推荐使用
	<span  @click="getVal2(2)">点我</span>
	getVal2(val){
				console.log(val);
			},

对于组件和第三方组件,第三种方式需要稍作调整。

<el-option
	v-for="item in options"
		:key="item.value"
		:label="item.label"
		:value="item.value"
		@click.native="getItem(item)"
	></el-option>
getItem(item){
			console.log(item);
		},

本文地址:https://blog.csdn.net/qq_36478297/article/details/109239274