uniapp vue获取标签上的属性值

<view data-op=1    ref="dataNum" @tap="opbind">dianwo</view>

		methods:{
			opbind(e){
				console.log(e)
				console.log(this.$refs.dataNum.$attrs['data-op']);     
				console.log(e.currentTarget.dataset['op'])



方法一: 


<div id="app">

  <button  @click="getData($event,'100')">点我</button>

</div>

methods : {

   getData(e,num) {

        console.log(num);     // 输出 100

   }

}

方法二:


<div id="app">

  <button data-num="100" ref="dataNum"  @click="getData($event)">点我</button>

</div>

methods : {

   getData (e) {

       console.log(this.$refs.dataNum.dataset.num);     // 输出 100

   }

}

方法三:


<div id="app">

  <button data-num="100" @click="getData($event)">点我</button>

</div>

methods : {

   getData (e) {

       console.log(e.target.getAttribute('data-num'));     // 输出 100

  

   }

}


暂无留言,赶快评论吧

欢迎留言