Vue实现复制功能

蔚落 2022-10-11 13:49 237阅读 0赞

### Vue实现复制功能 ###

*  代码

--------------------

# 代码 #

var app = new Vue({ 
        el: '#dowebok',
        data: { 
            text: '',
        },
        methods: { 
            toCopy: function () { 
                if (!this.text) { 
                    alert('请输入要复制的内容')
                } else { 
                    var copyInput = document.createElement('input')
                    copyInput.setAttribute('value', this.text)
                    document.body.appendChild(copyInput)
                    copyInput.select()
    
                    try { 
                        var copyed = document.execCommand('copy')
                        if (copyed) { 
                            document.body.removeChild(copyInput)
                            alert('复制成功')
                        }
                    } catch { 
                        alert('复制失败，请检查浏览器兼容')
                    }
                }
            }
        }
    })

代码https://download.csdn.net/download/qq\_43548590/19954420?spm=1001.2014.3001.5501

发表评论取消回复

表情：

评论列表（有 0 条评论，237人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue clipboard 复制到粘贴板功能

import Clipboard from 'clipboard'; //复制到粘贴板 function handleClipboard(text: s

太过爱你忘了你带给我的痛/ 2023年02月25日 16:19/ 0 赞/ 324 阅读

相关 vue中 element 实现点击复制粘贴功能

copyUrl(data){ let url = data; let oInput = document.create

深碍√TFBOYSˉ_/ 2022年12月23日 12:28/ 0 赞/ 289 阅读

相关 jquery实现H5复制功能

//html代码客服微信：<input type="text" disabled="disabled" value="shaiyukefu" id='val'

骑猪看日落/ 2022年11月16日 05:57/ 0 赞/ 286 阅读

相关 clipboard 实现复制粘贴功能

<el-form-item label="ticketKey"> <span id="code">{ { baseForm.ticketKe

电玩女神/ 2022年10月31日 00:42/ 0 赞/ 298 阅读

相关 Vue实现复制功能

Vue实现复制功能代码 -------------------- 代码 var app = new Vue({ el: 'do

蔚落/ 2022年10月11日 13:49/ 0 赞/ 238 阅读

相关 JS 实现复制粘贴功能

JS 实现复制粘贴功能目前没有做过多的测试，只是测试了几个手机，介绍：支持情况（1）移动端： 1. chrome（版本 58.0.3029.96 (64

柔光的暖阳◎/ 2022年06月15日 04:57/ 0 赞/ 267 阅读

相关使用js实现复制功能

首先下载复制文件所需的js文件 [https://github.com/zenorocha/clipboard.js][https_github.com_zeno

野性酷女/ 2022年06月08日 10:28/ 0 赞/ 276 阅读

相关 clipboard.js复制功能实现

前言 clipboard.js是前端实现复制文本到剪贴板的插件，简单记录一下使用方法。具体使用 1.简单的demo <!DOCTYPE html>

拼搏现实的明天。/ 2022年05月18日 09:05/ 0 赞/ 303 阅读

相关 VUE父子组件通信和Clipboard复制功能实现

VUE父子组件通信和Clipboard复制功能实现一、VU

- 日理万妓/ 2022年05月16日 07:36/ 0 赞/ 230 阅读

相关 js 实现一键复制功能

// html <textarea name="" id="" cols="30" rows="10"></textarea>

心已赠人/ 2021年08月13日 11:29/ 0 赞/ 672 阅读