uniapp踩坑之四-----点击当前元素获取本身的text

最新推荐文章于 2024-07-15 16:42:14 发布

XPX17

最新推荐文章于 2024-07-15 16:42:14 发布

阅读量3.6k

点赞数 1

分类专栏： uni-app WeChat

本文链接：https://blog.csdn.net/qq_35547053/article/details/119203999

版权

uni-app 同时被 2 个专栏收录

10 篇文章

订阅专栏

WeChat

7 篇文章

订阅专栏

本文探讨了在uni-app中遇到的Vue获取元素方法无法使用的问题，并提供了一个替代方案。通过修改DOM事件监听，利用`dataset`属性成功获取点击事件中的元素索引，从而实现数据绑定。示例代码展示了如何在点击城市选项时，更新选中城市的值并关闭弹窗。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为vue的获取方式在uniapp里面不生效，只能另想方法

<view class="cityStyle" v-for="(item, index) in cityaddress" @click="isSelect"  ref='cityItem' :data-index='index'>
		{{item.city}}
</view>

cityaddress:[
					{city:'湛江',
					id:'1'},{city:'广州',
					id:'2'},{city:'茂名',
					id:'3'},{city:'珠海',
					id:'4'},{city:'东莞',
					id:'5'},{city:'佛山',
					id:'6'},
				],

isSelect(e){
				// console.log(e.currentTarget.dataset.index)
				let num = e.currentTarget.dataset.index
				console.log(this.cityaddress[num].city)//这个就是获取的值
				this.address = this.cityaddress[num].city
				this.showPopup = false
			}