programing

vue.js의 v-for 조건?

nicescript 2022. 7. 6. 22:09
반응형

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-ifThomas 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

반응형