vue点击复制

复制代码
<script>
    // 创建Vue实例
    Vue.createApp({
        methods: {
            // 定义handleClick方法
            handleClick() {
                alert('按钮被点击了!');
            },
            copyOrderId2(orderId) {
                var input = document.createElement("input"); // 创建input对象
                input.value = orderId; // 设置复制内容
                document.body.appendChild(input); // 添加临时实例
                input.select(); // 选择实例内容
                document.execCommand("Copy"); // 执行复制
                document.body.removeChild(input); // 删除临时实例
                alert('复制成功!');
            },
        },

    }).mount('#app'); // 将Vue实例挂载到#app元素上
</script>
复制代码
<span @click="copyOrderId2('12121221212')">
点击复制
</span>

 

posted @   赵瑛  阅读(20)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· Trae初体验

版权所有 © 2022 沅来是澧

如果有程序开发、网站建设等需求的请联系我,QQ:47419233

点击右上角即可分享
微信分享提示