js 实现点击复制内容

场景：页面有一个按钮，点击按钮可以复制一个链接，直接粘贴会有内容

代码：

<input class="xcx_url_short" type="text" id="url" style="opacity:1" :value="info.xcx_url_short" readonly="readonly">
<mt-button @click="copyUrl()" type="primary">点击复制链接</mt-button>    

js

//点击复制
    copyUrl(){
        var copyobject=document.getElementById("url");
        copyobject.select();
        document.execCommand("Copy");
        this.$Toast('复制成功')
        
    },

注意：点击复制，只有input的text和textarea才有此功能
           input不能设置为hidden，设置hidden的时候，复制不到内容

input 不能设置disabled