Vue - 条件付き属性バインド

Question

Vueコンポーネントでフォームを作成していて、オブジェクトプロパティにある値に基づいてHTML属性requiredを入力フィールドに設定したいとします。 したがって、たとえば、このようなフィールドを持つオブジェクトのために：

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

私はinputタグで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を持っているので、