el-tooltip双击展开

发布时间 2023-09-27 09:12:08作者: ThisCall
 <el-table-column label="" min-width="120">
            <template slot-scope="scope">
              <el-tooltip
                class="item"
                effect="dark"
                content="双击展开/收起"
                placement="top"
              >
                <span
                  :class="!scope.row.textShow1 ? 'textOVerThree' : ''"
                  style="cursor: pointer"
                  @dblclick="dbclickHandle1(scope.row, $event)"
                  >{{ scope.row.postNames }}</span
                >
              </el-tooltip>
            </template>
          </el-table-column>
   dbclickHandle1 (row, e) {
      console.log(row, e);
      row.textShow1 = !row.textShow1;
      row.textShow1
        ? (e.srcElement.className = "")
        : (e.srcElement.className = "textOVerThree");
      this.$forceUpdate();
    },