第一步:安装依赖
npm install --save vue-clipboard2
第二步:main.js配置
import Vue from 'vue'
import App from './App.vue'
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard);
new Vue({
render: h => h(App),
}).$mount('#app')
第三步:用!
<template>
<div >
<input v-model="copyData" />
<button @click="copyChange(copyData)">复制</button>
</div>
</template>
<script>
export default {
name: 'App',
data(){
return{
copyData:'',
}
},
methods:{
copyChange(data){
this.$copyText(data).then(() => {
alert('复制成功')
}, () => {
alert('复制失败')
})
},
}
}
</script>
保存!看效果