el-table-footer

一个用来实现 el-table 包含合计与总计或者其他场景的组件

点击查看在线demo

Install

``shell
npm install el-table-footer -S
`

webpack.base.conf.js

因代码中使用了es6的语法 所以需要添加babel配置
` javascript
'use strict'
const path = require('path')
const utils = require('./utils')
const config = require('../config')
const vueLoaderConfig = require('./vue-loader.conf')
// 此处为添加的配置
const fs = require('fs')

function resolve (dir) {
return path.join(__dirname, '..', dir)
}

//此处为添加的配置
let dirsName = fs.readdirSync(resolve('node_modules')).filter(dirName => /el-table-footer/.test(dirName))
const includesDirs = dirsName.map(dir => resolve(node_modules/${dir}/src))

module.exports = {
... //省略的代码
module: {
rules: [
// 省略代码...
// 此处有添加babel-loader配置 ‘...includesDirs‘
{
test: /.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'), ...includesDirs]
},
{
test: /.(png|jpe?g|gif|svg)(?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]')
}
},
`

Quick Start

` javascript
import Vue from 'vue'
import ElTableFooter from 'el-table-footer'

Vue.use(ElTableFooter)
`

$3

`html



``

API

$3

属性 | 说明 |  类型 |  默认值
:-------: | ------- | :-------: | :-------:
data | footer数据 | Array | --

$3

方法 | 说明 | 参数
:-------: | ------- | :-------:
init | 初始化footer(必须传入表格实例) | Function(tableInstance)

作者wx: ckang1229