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'
			}
		}
	})
}
相关推荐
于慨2 小时前
uniapp云托管前端网页
前端·uni-app
y东施效颦4 小时前
uni-app 配置华为离线推送流程
前端·vue.js·uni-app
paopaokaka_luck10 小时前
基于SpringBoot+Uniapp球场预约小程序(腾讯地图API、Echarts图形化分析、二维码识别)
spring boot·小程序·uni-app
于慨11 小时前
uniapp各端通过webview实现互相通信
uni-app
初出茅庐的17 小时前
uniapp - AI 聊天页面布局的实现
前端·vue.js·uni-app
初出茅庐的19 小时前
uniapp - 键盘上推 踩坑
前端·vue.js·uni-app
2501_915106321 天前
iOS 抓包工具选择与配置指南 从零基础到高效调试的完整流程
android·ios·小程序·https·uni-app·iphone·webview
2c237c61 天前
Uniapp中双弹窗为什么无法显示?
android·javascript·uni-app
芒果沙冰哟1 天前
uniapp小程序实现地图多个标记点
javascript·vue.js·小程序·uni-app
摆烂式编程1 天前
APP端定位实现(uniapp Vue3)(腾讯地图)
uni-app·app·vue3·定位·腾讯