美文网首页
vue复制路径

vue复制路径

作者: 南漂一枚 | 来源:发表于2022-08-11 15:09 被阅读0次

<button @click='linkUrl(item)'>点击复制</button>

linkUrl(item){

let url = item.url;//拿到想要复制的值

let copyInput = document.createElement('input');//创建input元素

document.body.appendChild(copyInput);//向页面底部追加输入框

copyInput.setAttribute('value', url);//添加属性,将url赋值给input元素的value属性

copyInput.select();//选择input元素

document.execCommand("Copy");//执行复制命令

this.$message.success("链接已复制!");//弹出提示信息,不同组件可能存在写法不同

//复制之后再删除元素,否则无法成功赋值

copyInput.remove();//删除动态创建的节点

}

相关文章

  • vue复制路径

    点击复制 linkUrl(item){ let url = item.url;//拿到想要复制的值 let cop...

  • vue-cli文件中的相对路径

    a.vue文件中写相对路径都是相对a.vue路径路径 "./1.jpg" a.vue相同目录下的1.jp...

  • Windows 右键打开Nodejs

    打开Nodejs一般都需要切换路径,切换盘符然后打开项目目录,然后复制路径然后粘贴路径。 把目标路径复制,粘贴到注...

  • Vue 返回顶部组件

    组件文件路径:src\components\goTop.vue 引用方式以及文件路径:src\App.vue

  • 一些有用的Linux命令和Vim使用总结

    常见Linux命令## 文件复制,移动,删除,创建 复制:cp -v 源文件路径 目标文件路径 移动:mv -v ...

  • iOS git提交时忽略频繁更新的UserInterfaceSt

    一、 git status 复制UserInterfaceState.xcuserstate文件文件路径路径 ...

  • vue ios端不能正确复制页面链接

    最近使用vue开发微信分享功能,发现在安卓端路由如何跳转都能复制当前的页面路径,而使用ios却只能获取到首次进入页...

  • iOS PCH

    1 创建文件 2 复制PCH地址,从 项目名称后面进行复制 搜索路径 4 添加路径把之前的路径添加进去 $(SRC...

  • Maya(三) 项目文件管理

    选择项目窗口项目窗口 复制项目路径,打开当前项目路径复制项目路径按Win+E打开文件资源管理器,粘贴刚刚的路径回车...

  • Vue学习的路径

    接下来我将正式学习Vue,根据Vue作者所给的学习路径进行学习。每天做好学习笔记。 ​ vue学习路径和建议-...

网友评论

      本文标题:vue复制路径

      本文链接:https://www.haomeiwen.com/subject/oaoxgrtx.html