VueJS动态设置元素属性

Question

我希望能够在动态呈现元素列表时将输入元素的必需属性设置为true - 如果该列表项具有所需的设置。 例如：

<input name="input" type="{{input.type}}" class="form-control" v-model="dataset.values[name]" placeholder="{{input.placeholder}}"> 

在角度1中，我可以使用：

ng-required="input.required"   

我无法在VueJS中找到一个等价物，任何想法如何才能完成这个？

Answer 1

很简单，只需使用v-bind:attribute（或简写:attribute）

<input name="input"
       :type="input.type"
       class="form-control"
       v-model="dataset.values[name]"
       :placeholder="input.placeholder"
       :required="input.required">