跳到主要内容

分享博客文章链接

文章详情下面有一个分享按钮,点击分享可以快速把该文章详情链接分享给对方。这里需要替换下自己的IP或者域名

路径:blog-frontend/kuailemao-blog/src/views/Article/index.vue

// 分享
const copyToClipboard = async () => {
try {
const content = `欢迎访问博客文章:${articleDetail.value.articleTitle} \n通往地址:http://blog.seasir.top${route.path}`;
// 替换为你要分享的实际内容
await navigator.clipboard.writeText(content);
ElMessage.success("已复制分享链接");
} catch (error) {
ElMessage.error("复制失败,请联系网站管理员");
}
}