vue实现点击按钮选中复制

<template>
	<p id="copy-content">{{shareContent}}</p>
	<el-button  @click="copyShare">复制分享链接</el-button>
<template>
<script>
export default{
	data(){
		return {
			shareContent:"分享内容"
		}
	},
	methods:{
		copyShare()	{
		  let div = document.getElementById('copy-content')
	      let range = ''
	      if (document.body.createTextRange) { //兼容ie
	        range = document.body.createTextRange()
	      	range.moveToElementText(div)
	      	range.select()
	      }else if (window.getSelection) { // 兼容非IE，比如Firefox/chrome
	        let selection = window.getSelection()
	        range = document.createRange()
	        range.selectNodeContents(div)
	        selection.removeAllRanges()
	        selection.addRange(range)   
	      }
	      document.execCommand('Copy') // 执行浏览器复制命令
	      console.log('已复制好，可贴粘')
		}
	}
}
</script>