Vue 列动态取值

在前端开发过程中,可能会遇到列动态取值的情况,即列表中某列的取值由两个或以上的字段的值决定。

用 Vue 实现的话可以用如下代码解决

<template slot-scope="scope">
    <div v-if="scope.row.phones && scope.row.phones.length">
        <div v-for="v of scope.row.phones" :key="v">
            {{ v }}
        </div>
    </div>
    <div v-else>{{scope.row.phone}}</div>
</template>
posted @ 2021-08-19 17:22  天航星  阅读(359)  评论(0编辑  收藏  举报