Vuejs2 Vue-条件属性绑定

我正在Vue组件中创建表单，并希望根据对象属性中的值将HTML属性

required

设置为输入字段。 例如，一个对象有如下字段：

label:"Name"
required:"1"
type:"textbox"

<input class="input is-large" :type="input.type" :required="obj.required == 1">

我需要在输入标记中将字段设置为具有

required

属性：

<input class="input is-large" :type="input.type" required>

对于那些没有1作为该字段值的字段，我不需要

required

属性。

---

在Vue中如何执行此操作？

您可以这样执行：

label:"Name"
required:"1"
type:"textbox"

<input class="input is-large" :type="input.type" :required="obj.required == 1">

由于对象的

required

属性将

1

作为字符串而不是数字，因此我使用

=

进行比较，以便在强制后测试相等性