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을 가지고 있기 때문에