分类：el-input

2020
10-09

vue:el-input输入时限制输入的类型操作

通过@keyup.native的时间动态监控输入的类型1.手机号码,只能是数字,如果输入了非数字直接清空2.身份证号码,除了Xx和数字其余的一律清空3.基于1.2两种情况下,还有一种是动态创建的字段(也就是v-for出来的),解决方法:先使用split形成字段数组,使用for循环找到最后一个点的前面的字段,方便使用$set更新和渲染页面setDelMsicStr(field,type){letpropsletlenletvalueletnewphoestrletitem=thisif(field){... 继续阅读 >

2020
10-08

vue中el-input绑定键盘按键(按键修饰符)

vue怎么写键盘事件vue允许将按键值作为修饰符来使用，如监听回车事件，有两种写法，如下代码：<inputtype="text"@keyup.13="console.log($event)"></input><inputtype="text"@keyup.enter="console.log($event)"></input>但要注意的是：当我们在在el-input采用如上两种写法时，他是不生效的。el-input监听不到键盘事件,原因是element-ui是封装组件，所以el标签属于自定义标签，因此触发不了键盘事件。解决办法：加上.native原... 继续阅读 >