vue-copy-column

描述(Description)

基于vue2 + element-ui 复制组件

安装依赖(Install)

npm install vue-copy-column

全局引入(Global Import)

<vue-copy-column :list="list" fileKey="name" />
//main.js
import VueCopyColumn from "vue-copy-column";
Vue.use("VueCopyColumn",VueCopyColumn);

按需引入(Plugin Component)

<vue-copy-column :list="list" fileKey="name" />

import VueCopyColumn from "vue-copy-column";

export default{
  components:{
    VueCopyColumn
  }
}

参数(Props)

 props: {
    type: {
      type: String,
      default: "append",
    },
    name: {
      type: String,
      default: "复制",
    },
    img: {
      type: String,
      default: "",
    },
    width: {
      type: [String, Number],
      default: "12px",
    },
    list: {
      type: Array,
      default: () => [],
    },
    fileKey: {
      type: String,
      default: "",
    },
    successText: {
      type: String,
      default: "复制成功",
    },
    failText: {
      type: String,
      default: "复制失败",
    },
    errText: {
      type: String,
      default: "暂无数据可以复制",
    },
  },

demo

 <template>
    <vue-copy-column :list="list" fileKey="name" />
</template>

<script>
export default {
  data() {
    return {
      list: [
        {
          name: "11111",
        },
        {
          name: "1222222",
        },
        {
          name: "3333",
        },
      ],
    };
  },
};
</script>

//结果按行复制
11111
1222222
3333