使用clipboard.js如何在调用接口调用完成后执行复制功能?

Question

1.项目有一个需求是，点击某个按钮执行复制的功能，但是需要复制的值是通过接口得到的，所以就不能第一时间获取这个值,所以第一次点击按钮的时候就不会成功，必须得第二次点击才会执行复制的功能。
2.如果要一次性点击按钮调完接口并执行复制功能我该怎么做呢？

Answer 1

官方文档

new ClipboardJS('.btn', {
    text: function(trigger) {
        return '你想要复制的内容';
    }
});

Answer 2

大兄弟怎么解决第一次无法生效的问题？（环境vue）

Answer 3

试试在text的函数里先把数据请求出来然后再return要复制的值

Answer 4

click事件先取到值，加个判断值是否存在，再在这个事件中实例化clipboard绑定到同一个的按钮上。