input实现在移动端软键盘中显示“搜索”案件的注意事项
1.input需要被包裹在from表单中;2.input的type类型为search3.点击按钮的触发事件为 @keydown.enter = ""
·
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 = “存储输入框数据的变量"
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)