想问一下 vue 过滤器如何赋值？

Question

Vue.directive('numbers',{
  bind (el, binding) {
    el.oninput = function (data) {
      this.value = this.value.replace(/\D/g, '')
    }
  }
})

想用input事件，可是这样赋值不了给input框
需求是input框只能输入数字

<div v-numbers class="el-input">      <input  type="text" v-model="a" ></div>

我是这样要给指令的子元素加事件的，因为是要给el-input加指令，但是绑定不了

Answer 1

不知道你想干嘛，不过如果只是为了限制只能输入数字，直接用&nbsp;<input type="number">&nbsp;就可以了。

Answer 2

我的做法是将此封装为一个自定义的Input组件接收 value，type 值，input触发change事件后验证并转换字符串的格式，然后重新赋值,触发v-model更新