Tag 标签 多标签生成、多标签不贴着

Tag 标签 多标签生成、多标签不贴着

多个标签

<el-table-column label="标签" align="center">
        <template slot-scope="scope">
          <el-tag type="success"  //类型
                  v-for="bsNoteLable in scope.row.bsNoteLables" //循环的标签
                  :key="bsNoteLable.bsLableId"
                  effect="plain"  //主题
                  size="medium" //尺寸
                  hit="true"  //是否有边框描边
          >{{ bsNoteLable.lableName }} //标签值展示
          </el-tag>
        </template>
      </el-table-column>

//样式

<style>
.el-tag + .el-tag {
  margin-left: 10px;
}
</style>