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 = “存储输入框数据的变量"

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐