vue+ajax生成表格,vue+element-ui+ajax实现一个表格的实例

实例如下：

姓名: {{ scope.row.name }}

{{ scope.row.name }}

{{ scope.row.take }}

{{ scope.row.startTime }}

{{ scope.row.finishTime }}

编辑

删除

new Vue({

el:'#app',

data:{

tableData: [],

getUrl: 'http://localhost:8080/mytime/getTodayTomatos',

},

created: function(){

this.getTableData()

},

methods:{

getTableData:function(){

var self = this;

$.ajax({

type : "post",

dataType : "json",

contentType : "application/json",

url : "http://localhost:8080/mytime/getTodayTomatos",

success : function(json) {

self.tableData=json.fitomatos;

},

error : function(json) {

alert("加载失败");

}

});

},

handleEdit(index, row) {

console.log(index, row.name);

},

handleDelete(index, row) {

console.log(index, row);

}

}

})

效果图：

以上这篇vue+element-ui+ajax实现一个表格的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。