element ui 表格组件动态交互

element ui 表格组件
<el-table
      :data="tableData1"
      style="width: 100%">
      <el-table-column
        prop="id"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="username"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="password"
        label="地址">
      </el-table-column>
    </el-table>
 export default {
    name: 'App',
    data: function () {
      return {
        msg: 'This is a project',
        activeIndex2: '1', /*此处绑定导航栏中高亮菜单的index*/
        activeName: 'first',
        //  此处为动态数据  与组件中:data="tableData1" 一致
        tableData1: [],  
        //固定数据
        tableData: [{    
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333,
          tag: '家'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1517 弄',
          zip: 200333,
          tag: '公司'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1519 弄',
          zip: 200333,
          tag: '家'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1516 弄',
          zip: 200333,
          tag: '公司'
        }],
      }
    },
    create: function () {  /*在模板渲染成html前调用*/
    },
    mounted: function () {  /*在模板渲染成html后调用*/
      this.get()
    },
    methods: {
      handleSelect: function () {
      },
      handleClick(tab, event) {
        console.log(tab, event);
      },
      get: function () {
        var self = this;  //非常重要！！
        this.axios.get("/localhost")
          .then(function (response) {
            console.log(response.data);
            self.tableData1 = response.data   #此处与data中tableData1 绑定
          })
          .catch(function (error) {
            console.log(error);
          })
      }
    }
  }
 element ui 表格组件 中prop 与数据中字段名绑定
 :data="tableData1"  与接收数据的tableData1  相同

小知识：element-ui 下拉el-dropdown-item添加点击事件@click无效     @click后面加个.native就可以啦。