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'
			}
		}
	})
}
相关推荐
耶啵奶膘6 小时前
uniapp——地图路线绘制map
uni-app
shadouqi7 小时前
uniapp实现图片预览,懒加载,下拉刷新等
uni-app
走,带你去玩8 小时前
uniapp 微信小程序水印
微信小程序·小程序·uni-app
菌菇汤10 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
某公司摸鱼前端17 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
遗憾随她而去.20 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
牧杉-惊蛰1 天前
uniapp微信小程序css中background-image失效问题
css·微信小程序·uni-app
Little_Code1 天前
uniapp 使用ffmpeg播放rtsp
ffmpeg·uni-app·rtsp
儿歌八万首1 天前
uniapp 和原生插件交互
uni-app·交互
儿歌八万首1 天前
UniApp 中实现智能吸顶 Tab 标签导航效果
前端·javascript·uni-app