el-input 禁止软键盘弹起，同时想让输入框有删除功能

注意点

1.  加了 readonly 输入框不能输入，移动端软键盘不弹起
2.  此处icon vue3 的 写法是 #suffix     vue2 的写法是 v-slot:suffix
3.  suffix 是在输入框的后面，prefix 是在 输入框的前面

 

 

// 加了 readonly 输入框不能输入，移动端软键盘不弹起
// 此处 vue3 的 写法是 #suffix  vue2 的写法是 v-slot:suffix
<el-input v-model="inputValue" readonly>
  <template #suffix>
    <i class="el-input__icon el-icon-circle-close" @click="clearInputValue"></i>
  </template>
</el-input>

// 清空输入框内容
const clearInputValue = () => {
	inputValue  = '';
}