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