uniapp——input 禁止输入 ,但是可以点击(禁用、可点击)

代码

html 复制代码
<view class="inputRight" @click="chooseLevel">
<input class="class_input" type="text" placeholder="请选择" placeholder-class="p_class" v-model="levelTxt" style="user-select: none; pointer-events: none;"/>
<image src="../../static/images/icon_right.png" class="icon2"></image>
</view>

重点:

css 复制代码
style="user-select: none; pointer-events: none;"
javascript 复制代码
function chooseLevel() {
	uni.showActionSheet({
		title: '请选择',
		itemList: ['分账人1', '分账人2'],
		success: function(res) {
			console.log(res);
			if (res.tapIndex == 0) {
				type.value = 3
				levelTxt.value = '分账人1'
			}
			if (res.tapIndex == 1) {
				type.value = 4
				levelTxt.value = '分账人2'
			}
		}
	})
}
相关推荐
宠友信息13 小时前
内容社区源码开发实践解析,用Spring Boot打造1:1仿小红书源码平台
java·spring boot·redis·websocket·mysql·spring·uni-app
梦曦i15 小时前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
郑州光合科技余经理15 小时前
海外版外卖系统架构:订单怎么流转、权限怎么分
java·开发语言·前端·系统架构·uni-app·php·ai编程
qq_3168377519 小时前
uniapp 安卓/H5 使用 contentEditable 属性 富文本编辑器
android·javascript·uni-app
小满zs1 天前
关于HBuilderX+ 微信小程序开发工具启动的问题
前端·uni-app
sunphp开发者2 天前
制作手绘地图瓦片切图
前端·uni-app
梦曦i3 天前
RouterLink v2.5.0:H5端原生能力全面回归
前端·uni-app
码农刚子3 天前
用 .NET 8 + uni-app 做一套多租户畜牧 SaaS:我们在秦巴牧云踩过的 6 个坑
uni-app·.net·saas
PedroQue993 天前
RouterLink v2.5.0:H5端原生能力全面回归
前端·uni-app
CSharp精选营3 天前
用 .NET 8 + uni-app 做一套多租户畜牧 SaaS:我们在秦巴牧云踩过的 6 个坑
uni-app·efcore·.net8·多租户·saas踩坑