526互联

el-table中自定义悬浮提示结构，添加复制功能

发布时间 2023-09-20 10:31:10作者: 崛起崛起

效果展示：

代码：



代码

  copyText(text) {
      navigator.clipboard
        .writeText(text)
        .then(() => {
          this.$message.success("文本复制成功");
        })
        .catch(() => {
          this.$message.error("文本复制失败");
        });
    },

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}