右击图片复制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",
});
},