InformationMerge

一个集成了点击复制功能的展示组件

import {VInformationMerge} from "information-merge";

示例:

const data = [
   {
     value: "广州海珠区国际轻纺城首层F 1062-1063",
     label: "供应商地址",
   },
];
return <VInformationMerge
      data={data}
      aftercopy={(bol: boolean) => {
        if (bol) {
          ElMessage.success("复制成功");
        } else {
          ElMessage.error("复制失败")
        }
      }} // 
      clampOptions={{ clamp: 2, collapseNode: "折叠", expandNode: "查看全部" }}
    />;;

| 参数 | 格式/示例 | 必传 | 内容说明 | | ------------ | :--------------------------------------------------- | ---- | ------------------------------------------------------------ | | data | [{value:String,label?:String}] | 是 | label可以不传，value传入VNode时无法正确计算宽度 ×，请传入String | | aftercopy | (bol)=>{bol: boolean} | 否 | bol会传出复制成功或是失败 | | clampOptions | {clamp: 2,clampLength: 28,collapseNode?: "折叠",expandNode?: "展开"} | 否 | clamp:详见https://github.com/josephschmitt/Clamp.js的clamp √参数，目前不支持useNativeClamp × ；clampLength:字符串的超出折叠长度，用于计算展开折叠按钮是否展示；collapseNode和expandNode为按钮文案； |

将字符串复制到剪贴板

import { copyToClipboard } from "information-merge";

const res=await copyToClipboard(`someString`)

安装：npm i information-merge install: npm i information-merge