Orcatt 2021-10-18 10:23 采纳率: 66.7%
浏览 39
已结题

vue如何实现将字符串解析成绑定数据

请问一下,我用v-for循环了一个描述列表,但是list.content内部的数据需要与jc_name相同,我试过的{{foodArr.jc_name}}循环完是字符串,怎样实现传值并数据解析

<el-descriptions class="margin-top" title="等位信息" :column="3" :size="size" border>
    <el-descriptions-item v-for="(list, x) in lists" :key="x">
          <template slot="label">
                <i :class="list.class"></i>
                      {{list.title}}
           </template>
                 {{list.content}}
     </el-descriptions-item>
</el-descriptions>



```javascript
data(){
        return{
            foodArr:{
                jc_name:'',
            },
            lists: [
                {
                    class:"el-icon-office-building",
                    title:"客人姓名",
                   **content : '{{foodArr.jc_name}}'**,
                },
            ],
        }    
    },

```

  • 写回答

1条回答 默认 最新

  • been_ss 2021-10-18 10:44
    关注

    哈喽,可以把用foodArr的key作为content,然后再渲染的时候以foodArr[key值]进行获取

    <el-descriptions class="margin-top" title="等位信息" :column="3" :size="size" border>
        <el-descriptions-item v-for="(list, x) in lists" :key="x">
              <template slot="label">
                    <i :class="list.class"></i>
                          {{list.title}}
               </template>
                     {{foodArr[list.content]}}
         </el-descriptions-item>
    </el-descriptions>
    
    
    data(){
            return{
                foodArr:{
                    jc_name:'',
                },
                lists: [
                    {
                        class:"el-icon-office-building",
                        title:"客人姓名",
                        content : 'jc_name',
                    },
                ],
            }    
        },
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 10月26日
  • 已采纳回答 10月18日
  • 创建了问题 10月18日

悬赏问题

  • ¥20 Html备忘录页面制作
  • ¥15 黄永刚的晶体塑性子程序中输入的材料参数里的晶体取向参数是什么形式的?
  • ¥20 数学建模来解决我这个问题
  • ¥15 计算机网络ip分片偏移量计算头部是-20还是-40呀
  • ¥15 stc15f2k60s2单片机关于流水灯,时钟,定时器,矩阵键盘等方面的综合问题
  • ¥15 YOLOv8已有一个初步的检测模型,想利用这个模型对新的图片进行自动标注,生成labellmg可以识别的数据,再手动修改。如何操作?
  • ¥30 NIRfast软件使用指导
  • ¥20 matlab仿真问题,求功率谱密度
  • ¥15 求micropython modbus-RTU 从机的代码或库?
  • ¥15 django5安装失败