VueJS 动态设置元素属性

【问题标题】：VueJS set elements property dynamicallyVueJS 动态设置元素属性
【发布时间】：2017-03-17 04:26:53
【问题描述】：

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

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

在角度 1 中我可以使用：

ng-required="input.required"

我在 VueJS 中找不到等价物，知道如何实现吗？

【问题讨论】：

标签： angularjs vue.js vuejs2

【解决方案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">

【讨论】：

谢谢，作为初学者，我更喜欢编写 v-bind: 和所有其他非速记版本。