element 怎么在标签页循环时添加不同dom作为内容?

<template>
  <div>
    <el-tabs value="1" @tab-click="handleClick">
      <el-tab-pane
        v-for="(item, index) in navMenu[getDuty]"
        :name="item.name"
        :key="item.name">
        <span slot="label">
          {{ item.title }}
          <span class="el-tab-pane__num"></span>
        </span>
        
          //我想要在这里插入不同的dom
          
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

image.png

请问怎么插入不同dom?

尝试:有使用局部的动态组件去做这个 但是 dom内容有点多  导致template中的字符串模板太大,而且标签页有6个,定义6个这样的局部组件再去引用会影响阅读吧?

回答:

动态组件了解一下 https://cn.vuejs.org/v2/guide…

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注