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>

版权声明:本文为qq_37770674原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。