B2B2C商城系统-Table组件封装代码分享
摘要: 流行的电商系统 的商家中心、管理中心,理表格使用频率高,减少关于table的业务代码,且便于后期统一修改,后期维护。本文以 Javashop电商系统 为例介绍基于element中table组件进行二次简单的封装 一 table组件需求 搜索栏可选 包含分页 二 封装代码 首先在ui-components新建一个table文件夹 在同级的index.js里导入导出 import Vue from 'vue' import Tabel from './src/main' Tabel.install = () => { Vue.component(Tabel.name, Tabel) } export default Tabel props 允许父组件传递数据给子组件;并且对于父组件传递过来的参数应该加一些检验规则,比如数据类型type,默认值default(对象和数组的默认值必须通过函数返回) props: { /** 是否显示斑纹 */ stripe: { type: Boolean, default: true }, /** 行数据的 Key */ rowKey: { type: [String,Function], default: null }, /** 是否显示工具栏 */ toolbar: { type: Boolean, default: true }, /**