Vue使用vue-clipboard2实现复制粘贴功能

IE10以下不兼容。

  1. 安装:npm install --save vue-clipboard2
  2. 引入:
    import Vue from 'vue'
    import VueClipboard from 'vue-clipboard2'
    Vue.use(VueClipboard)
    
  3. 使用方法有两种:
    // 方法一:
    <button v-clipboard:copy="message" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</button>
    
    data(){
    	return {
    		message: '我是要复制的内容!'
    	}
    },
    methods: {
    	onCopy () {},
    	onError () {}
    }
    
    // 方法二
    <button  @click="onCopy">复制</button>
    data(){
    	return {
    		message: '我是要复制的内容!'
    	}
    },
    methods: {
    	onCopy () {
    		this.$copyText(this.message)
    			.then(()=>{})
                .catch(()=>{})
    	}
    }
    

猜你喜欢

转载自blog.csdn.net/wsln_123456/article/details/108873256
今日推荐