SOURCE

console 命令行工具 X clear

                    
>
console
var Main = {
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄',
          tag: '家'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄',
          tag: '公司'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄',
          tag: '家'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄',
          tag: '公司'
        }],
        currentPage: 1,
        total:100,
        pageSize:1
      }
    },
    methods: {
    tablePagination(data=[]){
      /**
       * 表格数据分页的方法
       */
      let array = [], startNum=0, endNum = 0;
      this.total = data.length;
      startNum = (this.currentPage-1)*this.pageSize;
      if(this.currentPage*this.pageSize<this.total){
          endNum = this.currentPage*this.pageSize;
      } else {
          endNum = this.total;
      }
      array = data.slice(startNum, endNum);
      return array;
    },
      formatter(row, column) {
        return row.address;
      },
      filterTag(value, row) {
        return row.tag === value;
      },
      filterChange(filters){
      	console.log(filters)
      },
      handleCurrentChange(val){
     return this.currentPage=val;
   }
      
    },
     computed:{

   showTable(){
     return this.tablePagination(this.tableData);
   }
},
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@1.4.5/lib/index.js"></script>
<div id="app">
<template>
<el-collapse v-model="activeNames" @change="handleChange">
  <el-collapse-item title="一致性 Consistency" name="1">
    <div>与现实生活一致:与现实生活的流程、逻辑保持一致,遵循用户习惯的语言和概念;</div>
  </el-collapse-item>
</el-collapse>
</template>
</div>

@import url("//unpkg.com/element-ui@1.4.5/lib/theme-default/index.css");
.el-collapse-item__header {
  background-color: #eee;
}