調(diào)整顏色<br>
    <el-tag>默認色</el-tag> |
    <el-tag type="success">success色</el-tag> |
    <el-tag type="info">info色</el-tag> |
    <el-tag type="warning">warning色</el-tag> |
    <el-tag type="danger">dange色</el-tag>

	調(diào)整尺寸<br>
    <el-tag>默認</el-tag> |
    <el-tag size="medium">中等</el-tag> |
    <el-tag size="small">小型</el-tag> |
    <el-tag size="mini">超小</el-tag>

	調(diào)整主題<br>
    <el-tag type="success">默認主題</el-tag> |
    <el-tag type="success" effect="dark">dark主題</el-tag> |
    <el-tag type="success" effect="light">light主題</el-tag> |
    <el-tag type="success" effect="plain">plain主題</el-tag>

	數(shù)據(jù)綁定<br>
    <el-tag v-for="item in hobbies">{{item}}</el-tag>

  data() {
    return {
      hobbies: ['籃球', '足球', '排球'],
    }
  },

	動態(tài)移除<br>
    <el-tag v-for="item in hobbies" closable @close="handleClose(item)">{{item}}</el-tag>

	handleClose(item) {
      let _this = this;
      for (let i = 0; i < _this.hobbies.length; i++) {
        if (_this.hobbies[i] == item) {
          _this.hobbies.splice(i, 1);
          break;
        }
      }
    },

	動態(tài)新增<br>
    <el-tag v-for="item in hobbies">{{item}}</el-tag> |
    <el-tag type="success" @click="btnAdd">新增</el-tag>

	btnAdd() {
      let _this = this;
      _this.$prompt('請輸入您的愛好', '提示', {
        confirmButtonText: '確定',
        cancelButtonText: '取消',
      }).then(({ value }) => {
        _this.hobbies.push(value);
      })
    }

<el-tag type="error" @click="onClick(scope.row.blog)">scope.row.blog.title}}</el-tag>

<el-tag type="error" @click.native="onClick(scope.row.blog)">scope.row.blog.title}}</el-tag>