小编Pul*_*wal的帖子

我是Vue.js的新手。我想要一个仅接受数字的输入字段，如果用户输入任何其他值，它将被替换为空字符串。因此，我想向此字段添加自定义指令，即“ numericOnly”。

自定义指令的代码：

Vue.directive('numericOnly', {
  bind (el, binding, vnode) {
    regex = /^[0-9]*$/
    if(!regex.test(el.value)){
     el.value = el.value.slice(0, -1)
    }
  }
})

这是我的模板：

<input v-numericOnly name="mobileNumber" placeholder="Mobile Number" >

但是，当输入字段绑定到DOM时，它仅运行一次。

请帮助我找出这个问题。先感谢您。

我是 vue.js 的新手。我正在处理表格。我的表单中有一个添加按钮，当用户单击此按钮时，相同的表单字段将添加到此表单中。并且用户可以添加他/她想要的任意次数。为此，我的数据是 .

data () {
    return {
      form: [{
          fieldOne: '',
          fieldTwo: '',
      }]
    }
}

当用户单击 html 中的添加按钮时，我的 addForm 功能被调用。

addForm() {
 let newObject = {
              fieldOne: '',
              fieldTwo: '',
          }
 this.form.push(newObject); // Gives error.
}

我读过Vue.set。我可以轻松添加单个字段或对象。但我不知道如何将对象添加到我的表单数组中。
请帮帮我。