laravel - 我们可以直接在 vuejs 中绑定(bind)值吗，比如 v-bind :value ="' India' "

Question

我们可以直接绑定(bind)值吗

v-bind:value="'India'"

假设我有领域，

 <input id="country" type="text" 
      class="form-control" 
      name="country" placeholder="country" v-bind:value="'India'" v-model="fields.country">

抛出错误

v-bind:value="'India'" conflicts with v-model on the sameelement because the latter already expands to a value bindinginternally

使用 laravel 7.x 和 vue 2.5

Answer 1

只要给fields.country一个初始值。通知以制作fields.country响应式(Reactive)，还需要声明country位于 fields 的属性(property):

data () {
  return {
    fields: {
      country: 'India'
    }
  }
}

不需要 v-bind:value在您的模板中:

 <input id="country" type="text" 
      class="form-control" 
      name="country" placeholder="country" v-model="fields.country">