Nothing Particularly Magnificent

    elp-crud

    0.1.5 • Public • Published

    Elp Crud

    A Crud Lib Build On ElementPlus Using Vite + Vue3 + Typescript

    安装

    • 在安装 elp-crud 前先安装 element-plus.
    yarn add element-plus elp-crud

    使用

    • main.ts
    import { createApp } from "vue";
    import App from "./App.vue";
    import ElementPlus from "element-plus";
    import "element-plus/lib/theme-chalk/index.css";
    import locale from "element-plus/lib/locale/lang/zh-cn";
    import ElpCrud from "elp-crud";
    import "elp-crud/lib/style.css";
    
    const app = createApp(App);
    app.use(ElementPlus, { locale });
    app.use(ElpCrud);
    app.mount("#app");
    • App.vue
    <template>
      <elp-table
        v-model="formData"
        :data="tableData"
        :option="tableOption"
        @rowSave="handleSave"
        @rowUpdate="handleUpdate"
        @rowDel="handleDel"
      ></elp-table>
    </template>
    
    <script lang="ts" setup>
      import { ref } from "vue";
    
      const formData = ref({});
      const tableData = ref([{ name: "name", content: "content" }]);
      const tableOption = ref({
        column: [
          { label: "nameLabel", prop: "name" },
          { label: "contentLabel", prop: "content" }
        ]
      });
      function handleSave(data, done) {
        console.log(data);
        done();
      }
      function handleUpdate(data, done) {
        console.log(data);
        done();
      }
      function handleDel(data) {
        console.log(data);
      }
    </script>

    Install

    npm i elp-crud

    DownloadsWeekly Downloads

    1

    Version

    0.1.5

    License

    MIT

    Unpacked Size

    1.43 MB

    Total Files

    33

    Last publish

    Collaborators

    • soullyoko