一、下载依赖
npm install --save vue-clipboard2
二、main.js引入
import Vue from 'vue'
import VueClipBoard from 'vue-clipboard2'
Vue.use(VueClipBoard)
三、使用
<view class="reportData">
<view class="reportdataTitle">
<text class="active">前沿简报</text>
<text>行业数据</text>
</view>
<view class="textData">
{{textData}}
</view>
</view>
<view class="duplicate">
<view class="duplicateButton" @click="onCopy">复制简报</view>
</view>
<script>
export default {
data() {
return {
textData: '吃饭',
}
},
onLoad() {
},
methods: {
onCopy() {
this.$copyText(this.textData).then(
e => {
console.log('复制成功:', e);
uni.showToast({
title:'复制成功~'
})
},
e => {
console.log('复制失败:', e);
uni.showToast({
title:'复制失败~'
})
}
)
}
}
}
</script>