1、安装
cnpm install --save qrcode.vue@1.7.0npm i element-ui -S
2、在main.js中引入组件
import VueClipboard from "vue-clipboard2";Vue.use(VueClipboard);
3、使用
<el-tooltip class="item" effect="dark" content="点击复制课程链接" placement="top-start"><span v-clipboard:copy="webUrl" v-clipboard:success="onCopyUrl" v- clipboard:error="onErrorUrl"><span class="share-text">分享</span></span> </el-tooltip>export default {data(){webUrl: '', //分享链接 },methods:{onCopyUrl: function(e) {this.$message.success("复制成功!可以去分享啦~");console.log(this.webUrl,'复制网页链接成功!')},onErrorUrl: function(e) {this.$message.success("复制失败!");},},create(){getuser().then((ok)=>{ //例如获取信息接口this.webUrl = '作者:'+ ok.xxx +'\n' +'链接:' + window.location.href + '\n' +'来源:xxx \n' +'著作权归作者所有。商业转载请联系作者获取授权,非商业转载请注明出 处。'})}}