var app7 = new Vue({ el: '#tableTest1', data: { //message: [], message: [], columns: [{ title: 'Id', field: 'bz' }, { field: 'name', title: 'Item Name' }, { field: 'url', title: 'url' }, { field: 'alex', title: 'alex' }, { field: 'country', title: 'country' } ] }, created() { //console.log(this.message) this.inquireinfo(); //this.intervalGetData(); //console.log(this.message) }, methods: { inquireinfo() { //es6 箭头函数的写法 // $.get("selectBtTable.php?action=init_data_list", data => { // var data = JSON.parse(data); // this.message = data; // $('#tableTest1').bootstrapTable('load', this.message); // console.log("init data") // }) var self = this; self.requestApi({ modulename: "BatchRate", funname: "BatchRate", para: {}, success: (res) => { console.log(res) self.message = res; console.log(self.message); //if (res.res == "success") { // //toastr.success("替换成功", '', { // // progressBar: true // //}) // //self.queryData(newPallet) //} else { // //toastr.error(res.msg, '替换失败', { // // progressBar: true // //}) //} }, fail: (ex) => { console.log(ex) //toastr.error(ex, '出错', { // progressBar: true //}) } }) }, operateFormatter: function (value, row, index) { return [ '', '', ' ', '', '', '' ].join('') }, requestApi: function (config) {//modulename, funname, para, success, fail) { fetch("/api/" + config.modulename + "/" + config.funname + "", { method: "post", headers: { "Accept": "application/json, text/plain, */*", "Content-Type": "application/json" }, body: JSON.stringify(config.para) }).then( (res) => { return res.json() } ).then( (res) => { config.success(res) } ).catch( (ex) => { config.fail(ex) } ) } }, mounted() { console.log(this.message + "mounted") $('#tableTest1').bootstrapTable({ columns: this.columns, search: true, showRefresh: true }); } })