h5 native one-click copy
Introduced in the public folder index
<meta name="format-detection" content="telephone=yes"/>
<script src="https://clipboardjs.com/dist/clipboard.min.js"></script>
<p class="row-content">{
{ detail.outTradeNo }}</p>
<button class="button-copy" @click="copyAction(detail.outTradeNo)">
复制
</button>
copyAction(outTradeNo) {
const that=this
// TODO: 复制订单号
var clipboard = new window.ClipboardJS('.button-copy', {
text: function () {
return outTradeNo
},
})
clipboard.on('success', function () {
that.$toast('复制成功!')
return
})
clipboard.on('error', function () {
that.$toast('复制失败!请手动复制')
return
})
},