Vue - 条件属性绑定

时间:2017-12-11 11:58:35

标签: vuejs2

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

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

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

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

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

1 个答案:

答案 0 :(得分:2)

你可以这样做:

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

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