VueJS 有条件地为元素添加属性

Question

在 VueJS 中，我们可以使用 v-if 添加或删除 DOM 元素：

 <button v-if="isRequired">Important Button</button>

但是有没有办法添加/删除 dom 元素的属性，例如以下有条件地设置所需的属性：

 Username: <input type="text" name="username" required>

通过类似的东西：

 Username: <input type="text" name="username" v-if="name.required" required>

有任何想法吗？

原文由 Don Smythe 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试：

 <input :required="test ? true : false">

更新：它在 Vue 3 中发生了变化，请参阅此答案 https://stackoverflow.com/a/64598898

原文由 cymruu 发布，翻译遵循 CC BY-SA 4.0 许可协议