input实现在移动端软键盘中显示“搜索”案件的注意事项
1.input需要被包裹在from表单中;
2.input的type类型为search;
3.点击按钮的触发事件为 @keydown.enter = "相应函数";
4.form表单的action为 action = “javascript:return true”;目的为了防止页面跳转(为空时,会加载一下);
扩充:
1.重写后面的小×样式
input[type=search]::-webkit-search-cancel-button{
-webkit-appearance: none;//此处只是去掉默认的小×
}
更多详见:https://blog.csdn.net/xxxxxMiss/article/details/51534626
2.实现输入框有数据时显示小“x”,无数据时隐藏小“x”
直接使用 v-if = “存储输入框数据的变量"