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作为字符串而不是数字，因此我使用==进行比较，以便在强制后测试平等