vue html5标签添加动态ref

禾苗种树

已于 2024-01-03 14:40:35 修改

阅读量516

点赞数 7

分类专栏： vue 文章标签： vue.js html5 前端

于 2024-01-03 14:35:08 首次发布

本文链接：https://blog.csdn.net/m0_45011929/article/details/135362997

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

需求：在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] 
	
	}