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

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);
		},