I am struggling with a loop of input elements
<li v-for="role in ...">
{{-some html-}}
</li>
Each input is nested inside the loop as shown below
<input type="text" :data-some="role.name" :value="role.name" name="name" ....>
While I can successfully bind it to any attribute like data-some, I am unable to bind it to the value attribute. Can someone explain why this happens and provide a solution?
My attempt using value="{{role.name}}" results in deprecation warning.
Creating another data field and using v-model is not an option for me, as I only need to display the value.
This is the issue I am facing:
https://i.stack.imgur.com/lcPKv.png
As illustrated in the image, role.name is correctly bound to the custom attribute "data-some", while the value remains unbound.