有一个需求是按钮点击后复制链接
但是没有容器,是自己定义的
我用了一个插件vue-clipboard2
1.下载
npm install --save vue-clipboard2
2.引入
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
3.使用
<el-button
v-if="row.warranty_end_time"
v-clipboard:copy="message"
type="primary"
@click="copy(row)"
>查看质保卡</el-button>
对用的js
data(
return{
message: 'aaa',
}
)
对应的函数
copy(row) {
this.message = 'aaa' + row.order_id
this.$message.success('质保卡链接已复制')
}
只是为了自己查找方便,用法写的不是很好