Javascript VueJS输入字段值未绑定

Javascript VueJS输入字段值未绑定,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我的通用输入字段有问题。 换句话说,我创建了一个通用输入字段,它应该包括常规输入字段、复选框和单选按钮。但是,当我尝试将字符串值作为radio输入字段的值传递时,prop是空的 请说明您的性别: 解决此问题的最简单方法是跳过将:value=“value”放在输入上,然后像这样更换手表: watch: { //watch for value to change and assign it to our currentValue value: { handler

我的通用输入字段有问题。 换句话说,我创建了一个通用输入字段,它应该包括常规输入字段、复选框和单选按钮。但是,当我尝试将字符串值作为radio输入字段的值传递时,prop是空的


请说明您的性别:

解决此问题的最简单方法是跳过将
:value=“value”
放在输入上,然后像这样更换手表:

  watch: {
    //watch for value to change and assign it to our currentValue
    value: {
      handler(val) {
        this.currentValue = val;
      },
      //this makes it run the handler function on mount in addition to whenever the value changes
      immediate:true
    },
    currentValue(val) {
      // allows us to use v-model on our input.
      this.$emit("input", val);
    }
  }

发布示例时,我忘记将value=“male”添加到组件中。即使传入也不起作用。您正在本地输入上绑定
v-model
value
。这是一个问题,因为
v-model
只是绑定
值的一种特殊方式。在普通文本框中,您会遇到以下错误:
:value=“value”与同一元素上的v-model冲突,因为后者已在内部扩展为值绑定。我很想知道为什么这不是像米兰和我都用过的那样,你知道这是不是因为最近的一些变化?我一生都找不到我使用的原始源代码,尽管我知道我的实现与我使用的有所不同,所以我不确定在这个过程中是否破坏了它。