我想建立个网站数据怎么办,WordPress后端API,如何选择网站的关键词,施工企业oa办公系统小伙伴们在项目中应该还是比较常用键盘指定按键事件的#xff0c;尤其是一些筛选条件的通过点击键盘回车按键去触发搜索 例如#xff1a;
el-formel-form-item label条件titleel-input v-modelformData.searchKey keydown.entersearch/el-input…小伙伴们在项目中应该还是比较常用键盘指定按键事件的尤其是一些筛选条件的通过点击键盘回车按键去触发搜索 例如
el-formel-form-item label条件titleel-input v-modelformData.searchKey keydown.entersearch/el-input/el-form-item......
/el-form产生的问题 按下回车按键会触发search方法但也会造成页面刷新由于我在页面中并不是每次都能碰到这种情况以为是偶发性的后面在弹窗中做了一个表单进行条件筛选其中e-input还是使用的回车搜索但每次搜索时都进行页面刷新造成弹窗关闭才意识到这种情况不是偶发性的
造成的原因是 绑定keydown.enter事件到el-input组件中如果这个输入框在表单中默认情况下按下回车键会提交该表单因此我们在进行回车搜索时不仅触发了该el-input自定义的搜索事件还触发了el-form的submit也就是表单的提交事件
解决方法 为了解决此方法我们只需要在该事件上使用.prevent修饰符.prevent修饰符可以阻止事件的默认事件因此使用该修饰符可以阻止el-input点击回车触发的submit事件
代码如下
el-input v-modelformData.searchKey keydown.enter.preventsearch/el-input