Vue - 条件属性绑定

Question

我在Vue组件中创建一个表单，并希望根据我在对象属性中的值将HTML属性required设置为输入字段。 因此，对于该示例，具有如下字段的对象：

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

我需要设置字段以在输入标记中包含required属性：

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

对于没有1作为该字段值的那些，我不想要required属性。 我怎么能在Vue中做到这一点？

Answer 1

你可以这样做：

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

由于您的对象required属性1为字符串而不是数字，因此我使用==进行比较，以便在强制后测试相等性