简单实现文本复制功能

吉吉安

于 2023-12-07 15:25:55 发布

阅读量493

点赞数 6

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_43811753/article/details/134856694

版权

<template>
  <div>
    <button @click="copy">复制</button>
  </div>
</template>
<script>
import axios from "axios";
export default {
  data() {
    return {
       content:"你好 \n\n,你是谁\n",
    };
  },
  methods: {
      /**
       * 点击复制文本内容
       * 
       * @param {String} content 
       * 
       * @author huguangzhe
       * @date 2023-12-06
       */
      copy(){
          navigator.clipboard.writeText(this.content).then(() => {
              this.$Message.success('复制成功！');
          });
      },
  }