Después valor del ciclo de vue para un partido de que la producción de etiquetas

Después valor del ciclo de vue para un partido de que la producción de etiquetas

Hay una página de detalles de la plantilla muestran cuadros de pop-up:

atributos estándar definidos por supuesto tienen:

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

Hay una lista de retorno de datos:

 classtypeList: [{
       value: '0',
       label: '公共必修课'
   },{
       value: '1',
       label: '专业必修课'
   },{
       value: '2',
       label: '专业选修课'
   },{
       value: '3',
       label: '素质选修课'
   }],

Ctype se puede ver en la TableData y un valor para que coincida con classTypeList en,
y luego da salida a la etiqueta debajo de este valor puede ser,
que es, a la visualización final en el atributo caja etiqueta emergente por valor de atributo que coincide con una lista de ctype adquirida.
bloque de código (número del curso, nombre del programa, etc., en el dibujo) puede emitir una ventana emergente separada puede escribir:
(newData define una nueva matriz vacía se utiliza para almacenar todos los puntos de datos de pollo)

<Row>
      <Col span="8" style="text-align: right;font-family:'Microsoft YaHei';font-size:9">课程号:</Col>
      <Col span="16"style="text-align: left">{{newData.cno}}</Col>
</Row>

Pero cuando la salida de definición única salida si el tipo de programa deseado está ctype campo numérico,
es decir, desea la salida "curso electivo" (un valor de etiqueta correspondiente en classTypeList),
pero la salida es "1" (ctype ),
por lo que utilizar v-v y de presentarse,
pueden usarse al mismo tiempo recorrer la lista ,
mientras que el campo de filtro en línea con partidos :

<Row>
      <Col span="8"style="text-align: right">课程类型:</Col>
      <Col span="16"style="text-align: left">
          <span v-for="item in classtypeList" :value="item.value" :key="item.value" v-show="newData.ctype==item.value">{{ item.label }}</span>
      </Col>
</Row>

Aquí podemos mostrar el primer efecto de imagen que ℋᵅᵖᵖᵞ ♡ ᵕ̈ *