uniapp部分浏览器input框设置disabled之后点击事件不生效:
解决方案:
给input设置css属性,外边包个盒子抛出点击事件
.disabled {
pointer-events: none;
}
pointer-events: none; : 控制元素的点击事件, 元素显示为禁用状态,但点击事件仍然会触发。
<template>
<view @click="handleClick">
<input
:style="disabled ? 'pointer-events: none' : ''"
:disabled="disabled"
placeholder="请输入内容"
/></view>
</template>
<script>
export default {
data() {
return {
disabled: true,
}
},
methods: {
handleClick() {
if (!this.disabled) {
// 没有禁用之后点击处理
console.log('处理1')
return
} else {
// 禁用处理点击事件的逻辑
console.log('处理2')
}
},
},
}
</script>