JS复制内容到粘贴板

使用document.execCommand()方法 - 复制内容到粘贴板

which allows one to run commands to manipulate the contents of the editable region.

//可以允许运行命令来操作可编辑区域的内容。(注意：是可编辑区域)

定义：

var bool = document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)

aCommandName ：表示命令名称，如： copy, cut 等；

aShowDefaultUI：是否展示用户界面，一般情况下都是 false；

aValueArgument：有些命令需要额外的参数，一般用不到；

兼容性：

这个方法在之前的兼容性其实是不太好的，但是好在现在已经基本兼容所有主流浏览器了，在移动端也可以使用。

使用：

<div id="app">

        <span class="order-copy" @click='btnclick'></span>    

</div>

<script type="text/javascript">

    var vm = new Vue() {

        el: '#app',

        data: {},

        methods: {

                function clipboard(string) { 

                        const input = document.createElement('input');

                        document.body.appendChild(input);                        

                        input.setAttribute('readonly', 'readonly');

                        input.setAttribute('value', string); 

                        input.setSelectionRange(0, 99999);

                         if (document.execCommand('copy')) {

                                document.execCommand('copy');

                                //复制成功

                         }

                         document.body.removeChild(input);

                },

                btnclick()  {

                    string = ''复制内容到粘贴板'';

                    clipboard(string);

                }

          }

    }

</script>