鼠标悬浮显示文字，右击图片复制该文字

右击图片复制id

鼠标悬浮显示文字

图片的alt属性可以产生鼠标悬浮，显示文字的功能。如果实现不了，可以加上title。

图片

            <img
              class="productLogo"
              src="../../assets/images/upload/cfd.gif"
              alt="一些图片信息 "
              :title="item.id"
              @contextmenu.prevent="copy(item.id,item.name)"
            />

方法

    // 右击图片复制id
    copy(id,name) {
      // 把id赋给data变量
      let data = id;
      // 创建一个input框叫oInput
      let oInput = document.createElement("input");
      // 把id值赋给input框
      oInput.value = data;
      // 在该页面追加一个input框
      document.body.appendChild(oInput);
      // 选择该input框
      oInput.select();
      // 执行复制事件
      document.execCommand("Copy");
      this.$message({
        message: "复制产品："+ name + "的id成功",
        type: "success",
      });
    },

效果