vue html5标签添加动态ref

  • 需求:在for循环下产生的标签添加ref
  • 遇见的问题:这样动态添加的ref往往有很多个,一般访问是this.refs.xxx如果是动态拼接的话这样找是找不到的需要名字写具体些
  • 代码
// html
<div>
	<p v-for='(item,index) in list' @click='onTest(item,'test'+index)' :ref="'test'+index">{{item}}</p>
</div>

//js method方法里
   onTest(item,val){
		console.log(this.$refs[val],'3')  // 注意下这个地方的写法this.$refs[val],有的时候可能里面还包的有一层this.$refs[val][0] 
	
	}


你可能感兴趣的:(vue,vue.js,html5,前端)