13.Vue+Element UI实现复制内容 - _xintao - 博客园

13.Vue+Element UI实现复制内容

1. 安装依赖包：

npm  install vue-clipboard2  --save

2. main.js中引入

　　import Vue from 'vue'
　　import VueClipboard from 'vue-clipboard2'
　　Vue.use( VueClipboard )

3.页面中使用：

　　<el-input v-model="address" :title="address"></el-input> （:title的变量address需要在data中声明一个）
　　复制 (此处的:copy对应的数据跟要复制内容的变量是一致的)

4.Methods下的两个方法：
　　onCopy(e){ 　　 // 复制成功
　　　　this.$message({
　　　　　　message:'复制成功！',
　　　　　　type:'success'
　　　　})
　　},
　　onError(e){　　 // 复制失败
　　　　this.$message({
　　　　　　message:'复制失败！',
　　　　　　type:'error'
　　　　})
　　},

分类: Vue JS

好文要顶;) 关注我;) 收藏该文;) ; "分享至新浪微博") ; "分享至微信")

_xintao
关注 - 1
粉丝 - 1

+加关注;)

0

0

« 上一篇： 12.Vue+Element UI 获取input的值
» 下一篇： 14.Vue 定义全局函数

posted @ 2019-06-14 17:26  _xintao  阅读(5466)  评论(0)  编辑  收藏)  举报)

原网址: 访问
创建于: 2021-08-06 12:29:47
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论