【vue中列表数据显示：根据后台传过来的值显示其对应的值】

Net蚂蚁代码

已于 2023-12-20 16:08:39 修改

阅读量1.1k

点赞数 7

分类专栏： vue 前端开发文章标签： vue

于 2023-12-14 10:40:40 首次发布

本文链接：https://blog.csdn.net/qq_39858177/article/details/134989676

版权

vue 前端开发专栏收录该内容

20 篇文章 0 订阅

订阅专栏

文章介绍了在Vue中根据后台传来的值动态显示列表内容的三种方法：1.后台预处理数据并传递属性；2.使用v-template和v-slot进行条件渲染；3.v-if针对不同情况判断显示内容。第一、三种方法适用性更广。

摘要由CSDN通过智能技术生成

【vue中列表数据显示：根据后台传过来的值显示其对应的值，亲测有效】

有三种方式：
1.是可以在后台传送的数据的对象加个对应的字段，然后在后台传给前台前手动遍历给加的属性给值，然后传到前端就可以
2.使用一种方式<template #default=“scope”>{{ scope.row.getMethod==‘1’?‘现金’:‘微信’}}
3.就是使用v-if来解决

**                    <template v-slot="scope">
                      <span v-if="scope.row.getMethod==1">现金</span>
                      <span v-if="scope.row.getMethod==2">微信</span>
                      <span v-if="scope.row.getMethod==3">支付宝</span>
                      <span></span>
                    </template>**