Vue >> Element >> el-table

HTML

---

 

SCRIPT

---

var Main = {

    data() {

      return {

        tableData3: [{

          date: '2016-05-03',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄'

        }, {

          date: '2016-05-02',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄'

        }, {

          date: '2016-05-04',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄'

        }, {

          date: '2016-05-01',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄'

        }, {

          date: '2016-05-08',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄'

        }, {

          date: '2016-05-06',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄'

        }, {

          date: '2016-05-07',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄'

        }],

        multipleSelection: [],

        a:[],

        b:[],

      }

    },

    methods: {

      toggleSelection(rows) {

        if (rows) {

          rows.forEach(row => {

            this.$refs.multipleTable.toggleRowSelection(row);

          });

        } else {

          this.$refs.multipleTable.clearSelection();

        }

      },

        selectionChange(selection, row) {

        this.a = selection;

        this.b = row;

        //console.log(selection, row);

            //  console.log(JSON.stringify( this.a[this.a.length-1]));

            if(this.a.length === 0) {

            console.log("Un-check");

            } else {

                  console.log("checked");

                  //console.log(this.b);

      // console.log(JSON.stringify( this.b));

      console.log("date: " + this.b.date);

      console.log();

      console.log();

      console.log();

      console.log();

      }

      },

      handleSelectionChange(val) {

        this.multipleSelection = val;

      // console.log(JSON.stringify( this.multipleSelection[this.multipleSelection.length-1]));

      }

    }

  }

var Ctor = Vue.extend(Main)

new Ctor().$mount('#app')

SCSS

---

@import url("//unpkg.com/[email protected]/lib/theme-chalk/index.css");

RESULT

---