el-table-column prop使用三元运算符(动态展示数据)

Posted 2022-04-27 老张在线敲代码

prop需要是一个变量，以中英文翻译为例，当中英文都是后端返回时，前端应如何处理？

下面字段name为后端返回的中文名称，key为英文名称。

<el-table-column label="名称">
    <template slot-scope="scope">
        <span v-if="language=='zh_CN'">scope.row.name</span>
        <span v-else-if>scope.row.key</span>
        <span v-else>scope.row.index</span>
    </template>
</el-table-column>