information-merge v1.1.10

InformationMerge

一个集成了点击复制功能的展示组件，vue2请使用@1版本，Vue3请使用@2版本

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,clampLength: 28, collapseNode: "折叠", expandNode: "查看全部" }}
    />;

渲染函数示例：

import { h } from "vue";
h(VInformationMerge, {
  props: {
    data,
    aftercopy: (bol) => {
      if (bol) {
        $message.success("复制成功");
      } else {
        $message.error("复制失败");
      }
    },
    clampOptions: { clamp: 2 },
    layout: "Horizontal",
  },
});

样式：

<style lang="less" scoped>
:deep(.information-merge-label) {
...
}
:deep(.information-merge-value) {
...
}
</style>

将字符串复制到剪贴板

import { copyToClipboard } from "information-merge";

const res=await copyToClipboard(`someString`)

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