Element如何解决v-for和v-if不能在一个标签上使用。

深碍√TFBOYSˉ_ 2023-09-26 11:52 99阅读 0赞

在实际开发中碰到了这个问题，然后在网上找了还几个教程，但是没有相应解决，然后突然灵光乍现，解决了这个问题，特此来记录一下。

解决思路：

我本来想把v-for放在template,但是这样做是不行的，不知道为啥，知道的可以评论区解决一下困惑，然后又想到了双重span嵌套进行解决。其实我不喜欢这样做，因为这样前端展示数据的效率明显降低，谁让我这个公司为小公司呢，先这样做吧，毕竟是维护之前的代码。

  1. <el-table-column label="基本单位" align="center" prop="materialInformation.miUtId" :show-overflow-tooltip="true">
  2.                   <template slot-scope="scope">
  3.                     <span v-for="item in MaterialOptions" :key="item.miId," >
  4.                       <span v-if="scope.row.materialInformation.miId === item.miId" >
  5.                          {
  6.     {
  7.      item.unit.utName }}
  8.                       </span>
  9.                     </span>                   
  10.             </template>
  11.               </el-table-column>

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，99人围观）

还没有评论，来说两句吧...

相关阅读