解决uni在H5谷歌浏览器下 input 标签 设置 disabled 后,click事件不触发_uniapp 浏览器input disabled点击不生效

概述 

昨天在写代码时突然发现在u--input里写上disabled之后，在外层的view上写的点击事件不生效了困扰了半天(之前是可以的)

代码：

<u-cell title="跟进状态">

        <template #label>

                <view @click="selectPicker('status')">
                        <u--input :value="learParams.statusName" border="none" disabled                                 disabledColor="#fff" placeholder="请选择跟进状态" >

                        </u--input>

                </view>

        </template>
</u-cell>

预期结果：生效

实际结果：不生效

解决方法

给input中加一个css属性pointer-events: none;就可以解决了

<u--input :value="learParams.statusName" border="none" disabled style="pointer-events: none;"                                 disabledColor="#fff" placeholder="请选择跟进状态" >

原因

pointer-events: none 的作用是让元素实体 “虚化”，我们可以看到这个标签，但只是一个虚幻的影子而已，类似于海市蜃楼