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'
			}
		}
	})
}
相关推荐
fanruitian5 小时前
uniapp android开发 测试板本与发行版本
前端·javascript·uni-app
fanruitian9 小时前
uniapp 创建项目
javascript·vue.js·uni-app
2501_9159214313 小时前
傻瓜式 HTTPS 抓包,简单抓取iOS设备数据
android·网络协议·ios·小程序·https·uni-app·iphone
yqcoder15 小时前
uni-app 之 设置导航
uni-app
2501_9159184116 小时前
把 iOS 性能监控融入日常开发与测试流程的做法
android·ios·小程序·https·uni-app·iphone·webview
木子啊16 小时前
UniApp全端水印组件muzi-watermark
uni-app·水印·全局水印·uniapp水印
木子啊17 小时前
Uni-app企业级网络请求封装实战
uni-app·网络请求·request封装
yqcoder17 小时前
uni-app 之 uni.showActionSheet
uni-app
2601_9498049217 小时前
宇鹿家政服务系统小程序ThinkPHP+UniApp(
小程序·uni-app
裴嘉靖18 小时前
uni-app 打包后 PDF 无法生成问题完整解决方案
pdf·uni-app