Vue.js Multiple definitions of a property not allowed in strict mode Vue.js Multiple definitions of a property not allowed in strict mode vue.js vue.js

Vue.js Multiple definitions of a property not allowed in strict mode


You can't use v-model and :checked at the same time. When you added v-model="selectedGender", you provided it a way to determine the checked status based on the value of selectedGender. That caused it to create this code:

checked: t._q(t.selectedGender, "MALE")

When you also added :check="selectedGender === 'FEMALE'" you caused it to add this other way to set the checked status:

checked: "FEMALE" === t.selectedGender,

You can't have both. Just remove the :checked= to fix this.


To build on @Charles answer, this is true of other duplicate properties as well. For example you can't have :value="myProperty" and value="true" declared as it will create similar code mentioned in Charles answer.

Simply removing the duplicate properties fixes these kinds of issues.