博客

在引用elementUI中会经常用到标签页，有时候也会用到动态添加标签的情况。

这时候，我们不仅仅只是放一些字符串，也要放一些html标签，或者是elementUI的组件,这时候可以用到组件来解决

    <el-tabs v-model="editableTabsValue2" type="card" closable @tab-remove="removeTab">
      <el-tab-pane
        v-for="(item, index) in editableTabs2"
        :key="item.name"
        :label="item.title"
        :name="item.name"
      >
        {{ item.content }}
        <todo-item></todo-item>
      </el-tab-pane>
    </el-tabs>

组件部分：

  components: {
    'todo-item': {
      template: '<el-tag type="success">标签二</el-tag>'
    }
  }

elementUI标签页的代码，就不放上去了

效果图：