uniapp中u-input 设置为disable时点击无效

晒晒u

于 2024-12-03 17:21:14 发布

阅读量391

点赞数 1

CC 4.0 BY-SA版权

文章标签： uni-app javascript vue

本文链接：https://blog.csdn.net/fairyfree/article/details/144219722

解决方案：
input中设置这个样式
pointer-events: none; ：控制元素的点击事件, 元素显示为禁用状态，但点击事件仍会触发。

<view class="" @click="timeShow = true">
	<u-input style="pointer-events: none" type="select" v-model="searchData.date" :disabled="true"
		placeholder="选择日期" input-align="center">
	</u-input>
</view>
<u-calendar v-model="timeShow" mode="range" @change="DateChange"></u-calendar>