解决uview中input输入框禁用状态下点击事件不生效

最新推荐文章于 2024-08-02 11:23:33 发布

ChoneyLove

最新推荐文章于 2024-08-02 11:23:33 发布

阅读量1k

点赞数 8

文章标签：前端 uni-app

本文链接：https://blog.csdn.net/weixin_43109722/article/details/136193616

版权

修改uview中u-input源代码：
加一行：if(this.disabled) style.pointerEvents = ‘none’;

getStyle() {
	let style = {};
	// 如果没有自定义高度，就根据type为input还是textare来分配一个默认的高度
	style.minHeight = this.height ? this.height + 'rpx' : this.type == 'textarea' ?
		this.textareaHeight + 'rpx' : this.inputHeight + 'rpx';
	if(this.disabled) style.pointerEvents = 'none';
	style = Object.assign(style, this.customStyle);
	return style;
},