Vue.js 2的自定义动态表组件 - v2-table

Vue.js 2的自定义动态表组件 - v2-table
插件名称 v2-table
发布时间 2020年10月20日
插件作者 dwqs

一个Vue.js 2组件,可通过Web应用程序上的排序和自定义模板动态生成可自定义的数据表。

安装和下载:

# Yarn
$ yarn add v2-table

# NPM
$ npm install v2-table --save

开始使用

<template>
  <v2-table :data="list">
    <v2-table-column label="Name" prop="name"></v2-table-column>
    <v2-table-column label="Date" prop="date"></v2-table-column>
    <v2-table-column label="Address" prop="address"></v2-table-column>  
  </v2-table>  
</template>

<script>
  export default {
    data () {
      return {
        list: [{
          date: '2017-12-02',
          name: 'test1',
          address: 'Shenzhen,China'
        }, {
          date: '2017-11-02',
          name: 'test2',
          address: 'Guangzhou,China'
        }, {
          date: '2018-01-02',
          name: 'test3',
          address: 'Shaoyang,Hunan'
        }, {
          date: '2017-10-02',
          name: 'test4',
          address: 'Changsha,Hunan'
        }]
      }
    }
  }
</script>
import Vue from 'vue';

import 'beautify-scrollbar/dist/index.css'; 
import 'v2-table/dist/index.css'; 
import V2Table from 'v2-table';

Vue.use(V2Table)