邀请链接为:<input id='ipt' v-model='lianjie' style="border:none;display:inline-block">
<el-button size="mini" @click="copyLink" plain type="success">复制</el-button>
<p style="height:0;overflow:hidden">
<span id='hiddenSpan' style="visibility: hidden;">{{lianjie}}</span>
</p>
<script>
import subExcel from './subInner/subExcel';
import subBtn from './subInner/subBtn';
export default {
components:{
subExcel,
subBtn
},
data(){
return{
lianjie:'https://blog.csdn.net/qq_37899792',
}
},
methods:{
changeWidth(){//使input的宽度自适应链接宽度
let ipt = document.getElementById('ipt');
let hSpanWidth = document.getElementById('hiddenSpan').offsetWidth;
ipt.style.width = hSpanWidth+'px';
},
copyLink(){
let ipt = document.getElementById('ipt');
ipt.select()
if(document.execCommand("Copy")){
this.$message({ type: "success", message: "复制成功!" });
}else{
this.$message({ type: "error", message: "复制失败!" });
}
},
}
mounted(){
this.changeWidth()
}
}
</script>
js实现点击按钮实现复制链接的功能,包含input的宽度自适应链接宽度
于 2019-07-27 10:10:26 首次发布