vue获得当前页面URL动态拼接URL复制邀请链接方法

vue获得当前页面URL动态拼接URL复制邀请链接方法

当前页面完整url可以用 location.href
路由路径可以用 this.$route.path
路由路径参数 this.$route.params
实例:动态邀请链接,获得当前页面URL去掉path,替换成注册的加上邀请码:
this.invitelink = location.href.replace(this.$route.path,'') + "/register?invitecode=" + this.invitecode;

a标签的写法
<!-格式如下,href前要加上冒号--->
<a :href="'index.shtml?other='+object.name">这是一个动态链接</a>
<a :href="'${request.contextPath}/admin/getId/'+r.id">编辑</a>

===============
复制邀请链接方法:
main.js里添加:
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
-----------
页面使用方法:

复制代码
copyInvitelink(){
 var this_ = this;
 this.$copyText(this.invitelink).then(
 function(e) {
    Toast.info(this_.$t("my.copedLink"));
 },
 function(e) {
    console.log(this_.$t("my.copeErr"));
 }
 );
},
复制代码

 

posted @   大自然的流风  阅读(9539)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
历史上的今天:
2017-03-03 阿里云运维部署工具AppDeploy详细教程
点击右上角即可分享
微信分享提示