1.安装
npm install clipboard --save
2.在main.js中引入
import clipboard from “clipboard”;
Vue.prototype.clipboard = clipboard; // 放vue在原型上,组件直接this.clipboard使用
3.组件中使用
<div class="rowQu">
<div>保单号</div>
<div>{{detailed.wealchAccApplicationVO.policyNo}}</div>
<div
class="applicationFormNum"
@click="applicationForm"
data-clipboard-action="copy" // 操作方式
:data-clipboard-text="detailed.wealchAccApplicationVO.policyNo" // 复制的内容
>复制</div>
</div>
事件-
// 保单号
applicationForm() {
let _this = this;
let clipboard = new this.clipboard(".applicationFormNum"); // 类名
clipboard.on("success", function(e) {
_this.$toast("复制成功");
});
clipboard.on("error", function(e) {
_this.$toast("复制失败");
});
}