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等同，任何想法如何，我可以acomplish呢？

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">