vue循环value查找匹配项后输出其label

最新推荐文章于 2024-08-29 23:38:23 发布

栀妹儿

最新推荐文章于 2024-08-29 23:38:23 发布

阅读量1.6k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_38990605/article/details/103699503

版权

在Vue项目中，当需要在模板中循环遍历value，并找到与之匹配的label进行显示时，可以通过遍历数据列表实现。文章介绍了如何在详情弹出框中，根据ctype匹配classTypeList列表的value，从而正确显示对应的label，避免直接输出ctype的数值。通过v-for和v-show的结合使用，实现了匹配筛选的功能。

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

vue循环value查找匹配项后输出其label

页面template里有一详情显示弹出框：
在这里插入图片描述
定义课程的标准属性都有：

tableData: [ {
   
      cno: '12138',
      cname: '数据结构与算法',
      ctype:1,       //本次关注这里
      cStartTime:'2019',
      cEndTime:'2020',
      cterm:'1',
      cdetail:'进阶课你脑子还在不在',
      mstatus:0,