bugs

用心写的bug…当然要好好记录下来…

html/css/js相关

使用vue + element做表单,enter回车时触发页面刷新

D(description)

当给input框加@keyup.enter.native回调事件时仍触发页面刷新。

R(reason)

其实这和vue/element没关系,当页面的form表单里只有一个input输入框时,回车会submit提交表单操作,这是一个默认事件。

F(fix)

  • 在el-form上添加 @submit.native.prevent 阻止默认行为,native用于绑定原生dom
  • 原生html就在submit事件中event.preventDefault(),与上同理

浏览器兼容相关

input在firefox下边框变红

R

1
<input type="number" min="1" max="0">

input 的min 与 max值冲突了,ff下会默认加红色的box-shadow;

F

  • 改max min 值
  • box-shadow:none