uniapp h5端部分浏览器input设置disabled后点击事件失效

概述

我维护老项目时突然发现在u--input里写上disabled之后，在edge浏览器点击事件不生效(之前是可以的)

解决方法

外边包个盒子抛出点击事件

给input中加一个css属性pointer-events: none;

<template>
  <view @click="handleClick">
    <u--input
      style="pointer-events: none"
      :disabled="true"
      placeholder="请输入内容"
  /></view>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    handleClick() {},
  },
}
</script>

pointer-event属性可以指定在什么情况下元素可以成为鼠标事件

任何元素设置pointer-event：none的效果相当于input[type=text|button|radio|checkbox] 设置disabled 属性，可以实现事件的禁用