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

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>

猜你喜欢

转载自blog.csdn.net/qq_47272950/article/details/124433182
今日推荐