分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

js文本复制插件&vue

发布时间:2023-09-06 02:16责任编辑:彭小芳关键词:js
/* ?HTML:* ???<a href="javascript:;" class="copy" data-clipboard-text="copy"></a>*/$(‘.bdsharebuttonbox .copy‘).on(‘click‘, function (){ ???$(this).attr(‘data-clipboard-text‘,window.location.href); ???var clipboard = new Clipboard(‘.copy‘); ???clipboard.on(‘success‘,function(e){ ???????e.clearSelection(); ???????alert(‘复制成功‘); ???}); ???clipboard.on(‘error‘,function(e){ ???????e.clearSelection(); ???????alert(‘复制失败‘); ???});});// vue 文本复制插件/* ??install: * ???1、npm install --save vue-clipboard2* ???2、import Vue from ‘vue‘* ???3、import VueClipboard from ‘vue-clipboard2‘*//* ???HTML:* ???<el-button class="ml10" type="text" size="medium"* ??v-clipboard:copy="sysAppIds"* ??v-clipboard:success="onCopy"* ??v-clipboard:error="onError">点击复制</el-button>*/export default { ???data(){ ?????return { ???????sysAppIds: ‘xxxxxxxxxxxsx‘ ?????} ???}, ???methods: { ?????// 复制成功 ?????onCopy(e){ ???????console.log(e.text); ?????}, ?????// 复制失败 ?????onError(e){ ???????alert("失败"); ?????}, ???} }

js文本复制插件&vue

原文地址:https://www.cnblogs.com/xiaojiangk/p/9718618.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved