Vuejs 조건부

Question

내가 루프 내 VUE 목록에 조건부 데이터 속성 값을 추가하려고 덤프 경우 나는 더 이상

<ul data-parent="{{model.parent_id !== null ? model.parent_id : 0}}"></ul> 

다음 그러나이 경우 목록이 렌더링하지 않는 시도 데이터 속성을 추가 외부 HTML 태그 {{model.parent_id !== null ? model.parent_id : 0}}보다 정확한 출력이 표시됩니다.

Answer 1

:을 사용하면 이와 같은 계산 된 속성을 생성합니다.

computed: { 
    parentId() { 
     if (this.model.parent_id !== null) 
      return this.model.parent_id 
     return 0; 
    } 

} 

<ul :data-parent="parentId"></ul>