简单的小操作:js实现复制功能

93 阅读1分钟
<div class="title lian">{{link}}</div>
<el-button type="primary" @click="copy()">复制链接</el-button>

data(){
  return {
    link: 'https://lanhuapp.com'
  }
}methods: {  
  copy(){    
    var input = document.createElement("input");   // 直接构建input    
    input.value = this.link;  // 设置内容    
    document.body.appendChild(input);    // 添加临时实例    
    input.select();   // 选择实例内容    
    document.execCommand("Copy");   // 执行复制   
    document.body.removeChild(input); // 删除临时实例  
  }
},