正则-补充(这回只能输入数字和逗号!!)

input 监听输入,,只能输入数字和逗号,输入其他都自动删除

这是方法:

 

然后绑定事件:

<el-input  @keyup.enter.native="changeCode" type="textarea" v-model="form.recipients" resize="none" placeholder="最多200个手机号,请用英文逗号隔开。"></el-input>

这么写,根本不管用!

<el-input  @keyup.enter="changeCode" type="textarea" v-model="form.recipients" resize="none" placeholder="最多200个手机号,请用英文逗号隔开。"></el-input>

这么写,也不管用!

<el-input  @input.native="changeCode" type="textarea" v-model="form.recipients" resize="none" placeholder="最多200个手机号,请用英文逗号隔开。"></el-input>

这么写,管用了,输入其他的都管用,但是输入中文时,依然能上去,再次输入时候才会把上一次输的中文删除掉。什么鬼?

<el-input  @input="changeCode" type="textarea" v-model="form.recipients" resize="none" placeholder="最多200个手机号,请用英文逗号隔开。"></el-input>

<el-input  @keyup.native="changeCode" type="textarea" v-model="form.recipients" resize="none" placeholder="最多200个手机号,请用英文逗号隔开。"></el-input>

最后试了试这两个,完美解决。我他妈———

相比较而言, @input 要比 @keyup.native 快很多,都看不到输入进去的动作,而@keyup.native明显就看到输进去又被删了。

原文地址:https://www.cnblogs.com/listen9436/p/10918392.html