vue中使用vue-clipboard2复制

1,601 阅读1分钟

1、npm install --save vue-clipboard2

2、main.js引入
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)


3、页面中使用
<van-button 
    type="warning" 
    v-clipboard:copy="item.login_url"   	//需要复制的内容
    v-clipboard:success="onCopy"		//复制成功
    v-clipboard:error="onError">		//复制失败
复制</van-button>

methods:{
    onCopy (e) {
        this.$toast('复制成功');
    },
    onError (e) {
        this.$toast('复制失败');
    }
},