解决el-select在移动端远程搜索无法唤起键盘问题

cancalReadOnly(onOff) {
  this.$nextTick(() => {
    const form = this.$refs.form
    if (form && form.$el) {
      const inputs = form.$el.querySelectorAll('.el-input__inner')
      for (let i = 0; i < inputs.length; i++) {
        inputs[i].removeAttribute("readonly")
      }
    }
  })
}

在使用时:

<el-select v-model="form.listId" placeholder="请选择" clearable filterable @hook:mounted="cancalReadOnly" @visible-change="cancalReadOnly">
    <el-option v-for="item in List" :label="item.label" :value="item.value" :key="item.value"></el-option>
</el-select>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容