uni-app iOS nvue界面 input 使用disabled后事件不能向上传递

<view @click='click>
<input  disabled></input>
</view>

click事件无效

必现

input禁用时候 nvue可以事件冒泡

无效

input 在iOS nvue界面使用disabled后事件不能向上传递

eggper 1楼•11 天前

搞错了是安卓平台不行 ios可以

gougou168 2楼•11 天前

在 uni-app 的 nvue 页面中，input 组件使用 disabled 属性后，确实可能会导致事件无法向上传递。这是因为 disabled 属性会禁用输入框的交互，包括点击、触摸等事件。

使用 readonly 替代 disabled
如果你只是希望用户不能修改输入框的内容，但仍然希望保留事件的传递，可以使用 readonly 属性代替 disabled。
```
<input type="text" readonly />
```
readonly 属性会阻止用户修改输入框的内容，但不会阻止事件的传递。

手动处理事件
如果你必须使用 disabled，并且需要处理事件，可以在父元素上监听事件，然后手动处理。

<view [@tap](/user/tap)="handleTap">
  <input type="text" disabled />
</view>

export default {
  methods: {
    handleTap() {
      // 处理点击事件
      console.log('Input was clicked');
    }
  }
}

使用 pointer-events 样式
你可以通过 CSS 的 pointer-events 属性来控制元素的点击事件是否生效。将 pointer-events 设置为 none 可以禁用元素的点击事件，但仍然保留事件传递。
```
<input type="text" disabled style="pointer-events: none;" />
```

uni-app iOS nvue界面 input 使用disabled后 事件不能向上传递