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

最新推荐文章于 2024-09-29 17:43:18 发布

我总是词不达意

最新推荐文章于 2024-09-29 17:43:18 发布

阅读量2.1k

点赞数 1

分类专栏：前端 uniapp 文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_43743175/article/details/133697230

版权

前端同时被 2 个专栏收录

86 篇文章 3 订阅

订阅专栏

uniapp

17 篇文章 0 订阅

订阅专栏

文章讲述了作者在维护项目时遇到的问题：在Edge浏览器中，当u--input组件加上disabled属性后，点击事件失效。解决方案是使用CSS的pointer-events:none属性包裹input，并解释了这个属性的作用，即类似input元素的disabled状态，禁用事件处理。

摘要由CSDN通过智能技术生成

概述

我维护老项目时突然发现在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>