vue点击按钮复制内容

vue点击按钮复制内容

$copyText

this.$copyText(text).then(function (e) {
  alert('Copied')
}, function (e) {
  alert('Can not copy')
})

vue-clipboard

1. 安装
   npm install --save vue-clipboard2
   或者
   npm i vue-clipboard -S
   或者直接在package.json的dependencies中添加
   “vue-clipboard2”: “^0.2.1”
   然后执行 npm install
2. main.js 中配置
   import VueClipboard from ‘vue-clipboard2’
   Vue.use(VueClipboard)
3. 使用

<div>链接: www.mankoo.com &nbsp; 
	 <span v-clipboard:copy='"www.mankoo.com"'
	 v-clipboard:success='copySuccess'
	 v-clipboard:error='copyLose'>复制链接</span>
</div>