Можем ли мы связать значение напрямую в vuejs, например, v-bind: value = "'India'"

Question

Можно ли связать значение напрямую, например,

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 = " «Индия» конфликтует с v-моделью в том же элементе, потому что последний уже расширяется до привязки значения внутри

с использованием laravel 7.x и vue 2,5

Answer 1

Просто укажите fields.country начальное значение. Обратите внимание: чтобы сделать fields.country реактивным, вам также необходимо объявить свойство country в fields:

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

Нет необходимости в v-bind:value в вашем шаблоне:

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

Answer 2

Не делай этого. V-модель уже связывает значение fields.country со входом. Если вы хотите, чтобы значение по умолчанию было определено раньше, попробуйте присвоить его fields.country, например fields.country = "India"