模版字符串复制粘贴支持换行

根据后端返回字段，获取对应字段的值，天生模版举行复制粘贴出来！
模版字符串复制粘贴支持换行

1. 后端返回类型：
2. const arr = [
3.         'test',
4.         'test1',
5.         'test2',
6.         'test3',
7. ]
9. const copyProp = [
10.   { prop: 'test', label: '测试' },
11.   { prop: 'test1', label: '测试1' },
12.   { prop: 'test2', label: '测试2' },
13.   { prop: 'test3', label: '测试3' }
14. ]
16. template:
17. <button :title="$lang('一键复制')" class="el-button el-button--text el-button--small" type="button">
18.      <i class="icon-iconfont iconfont iconbiaodan-chushen font-16" @click="handleCopy(row)"></i>
19. </button>
20. script:
21. // 一键复制
22.     handleCopy(row) {
23.       // 处理复制模版
24.       const templateList = []
25.       this.arr.map((item) => {
26.         const [label] = copyProp.filter((i) => i.prop === item).map(v => v.label)
27.         templateList.push(`${label} : ${row[item] || ''}`)
28.       })
29.       templateList.push(this.msg) // 增加后面固定提示语
30.       const template = '' + `${templateList.join('\n')}`
31.       oneClickReplication(template)
32.     },
33. /**
34. *
35. * @param {*} 点击复制
36. */
37. export const oneClickReplication = template => {
38.   var textareaC = document.createElement('textarea')
39.   textareaC.setAttribute('readonly', 'readonly') // 设置只读属性防止手机上弹出软键盘
40.   textareaC.value = template
41.   document.body.appendChild(textareaC) // 将textarea添加为body子元素
42.   textareaC.select()
43.   if (document.execCommand('copy')) {
44.     document.execCommand('copy')
45.     document.body.removeChild(textareaC)// 移除DOM元素
46.     vm.$message.success(vm.$lang('复制成功'))
47.   }
48. };

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。