반응형
vue.js의 v-for 조건?
피하고 싶다image
아래 코드로 값을 지정합니다.image
의 열쇠입니다.property
.내가 어떻게 그럴 수 있을까?
<tbody>
<tr v-for="obj in data" :id="obj.id">
<td v-for="property in obj">{{property}}</td>
</tr>
</tbody>
Accepted answer는 안티패턴입니다왜냐하면,v-for
그리고.v-if
Thomas van Broekhoven이 지적한 VueJs 2+의 동일한 노드에 있습니다.대신 개체에 필터를 연결할 수 있습니다.ES6 화살표 기능을 사용하는 예를 다음에 나타냅니다*.
- 테스트되지 않은 구문.내 핸드폰으로 타이핑하고, 침대에서.
<tbody>
<tr v-for="obj in data" :id="obj.id">
<td v-for="property in obj.filter(property => property !== 'image')">{{property}}</td>
</tr>
</tbody>
<td v-for="(value, property) in obj" v-if="property!='image'">
{{value}}
</td>
언급URL : https://stackoverflow.com/questions/47861509/condition-in-v-for-of-vue-js
반응형
'programing' 카테고리의 다른 글
v-text-field에 유형 번호가 있는데도 입력 후 문자열을 반환함 (0) | 2022.07.06 |
---|---|
Java에서 스태틱네스트 인터페이스가 사용되는 이유는 무엇입니까? (0) | 2022.07.06 |
C++ 클래스 메모리 구조에 스페이서를 작성하려면 어떻게 해야 하나요? (0) | 2022.07.06 |
VueJS 2 Uncaughed ReferenceError: _가 디바운스와 함께 정의되지 않았습니다. (0) | 2022.07.03 |
vue.delay 조건부 속성 렌더링 (0) | 2022.07.03 |