日常小问题记录---el-input输入框限制只能输入数字及保留两位小数。

只能输入数字且最多只能保留两位小数

<el-input v-model="value"

        placeholder="请输入内容"

        onkeyup="this.value=this.value.match(/\d+\.?\d{0,2}/);this.dispatchEvent(new Event('input'))>

</el-input>

只能输入数字或字母

        οnkeyup=“this.value=this.value.replace(/[\W]/g,’’);this.dispatchEvent(new Event(‘input’))”

但是这里有个坑！
vue的v-model是监听input框的input事件生效的。

而通过value直接操作dom元素，vue的v-model是监听不到的！

所以要手动分发一个input事件使v-model监听到。

this.dispatchEvent(new Event(‘input’))

当然这样会导致这句代码在每个input里面复用。也搜过其他人的封装。都感觉不是很灵活，只针对一种正则进行限制。留个坑看以后会不会封装吧。。