============1、按照官網封裝好的樣式去寫Table組件=======<template> <div> <Table></Table> </div></template><script> import axios from "axios"; export default{ data(){ return{ hotFoodData:[], selectedFoodData:[], columnHotFood:[  {  title:"菜名",  key:"foodName"  },  {  title:"份數(默認為不限份數，文本框輸入限制）",  key:"perlimitFood",  width:300.  align:"center",  ///////////////////////數據雙向綁定/////////////////////////////  render:(h,params)=>{  return h("Input",{  props:{   min:0,   value:this.hotFoodData[params.index].perlimitFood //設置數字  },  on:{   "on-change":event=>{   this.hotFoodData[params.index].permitFood=event.target.value;   }  }  });  }  },  {  type:"selection",  width:100,  align:"center"  }, ], column2: [   {    title: "菜名",    key: "foodName"   },   {    title: "限制份數(默認為不限份數)",    key: "perlimitFood"   }   ] } methods:{ } };</script>============2、向綁定數據中傳送數據（后端傳送數據、方法中書寫）============= add() {  var vm = this;  //配置熱菜菜單  var urldata =  "http://192.168.21.210:8016/Food/QueryFoodByShiId?FoodTN=18";  axios.get(urldata).then(function(response) {  vm.hotFoodData = response.data;  }); }, created() {  this.add(); } ===========3、寫勾選傳輸數據的事件==============<Table border :columns="columnMainFood" :data="mainFoodData" @on-select="selectRow" @on-select-all="selectAllRow" ></Table>method中：//點擊左邊表格觸發事件，向右側表格添加元素 selectRow(selection, row) {  this.selectRowData = row;  this.selectedFoodData.push(this.selectRowData);  console.log(this.selectedFoodData); },

<Table border :columns="columnMainFood" :data="mainFoodData" @on-select-cancel="selectCancel" ></Table>method中：//點擊左側表格，取消勾選，右側數據也發生改變 selectCancel(selection, row) {  console.log("看一下row---------", row);  this.selectedFoodData.pop(row); }