微信小程序中input组件为什么设置readonly只读属性没有作用（失效）?

<input 
  class="search-input" 
  placeholder="请输入你需要搜索的型号"
  disabled
/>

<input 
  class="search-input" 
  placeholder="请输入你需要搜索的型号"
  bindtap="preventTap"
  catchtouchstart="preventTouch"
/>

Page({
  preventTap(e) {
    // 阻止默认行为
    return false;
  },
  preventTouch(e) {
    // 阻止触摸事件
    return false;
  }
})

/* 禁止所有交互 */
.search-input {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

/* 仅禁止文本选择 */
.search-input {
  user-select: none;
}

<view class="search-display">
  请输入你需要搜索的型号
</view>

<view wx:if="{{isReadonly}}">
  <view class="search-text">{{searchValue}}</view>
</view>
<view wx:else>
  <input 
    class="search-input" 
    placeholder="请输入你需要搜索的型号"
    bindinput="onInput"
  />
</view>

<!-- 综合方案：readonly + 事件阻止 -->
<input 
  class="search-input readonly-style"
  placeholder="请输入你需要搜索的型号"
  readonly
  bindtap="preventAction"
  value="{{searchValue}}"
/>

Page({
  data: {
    searchValue: ''
  },
  preventAction() {
    wx.showToast({
      title: '当前不可编辑',
      icon: 'none'
    })
    return false;
  }
})

.readonly-style {
  background-color: #f5f5f5;
  color: #999;
}