要實現表格填報功能，后台存儲的是表格的數據結構，從后端獲取json數組后，傳給頁面展示 頁面采用cell-click時通過控制 flag值來確定時顯示內容還是 input框 腳本 有多種方法實現：第一種：利用table的cell-dblclick ...

...

<template> <el-table :data="tableData" border @cell-mouse-enter="handleMouseEnter" @cell-mouse-leave ...

一、問題描述 問題是這樣的，后台傳了xArr = [x1, x2,...,xn]和yArr = [y1, y2, ..yn]兩個數組，前端要渲染出表格並且可以填寫每個單元格的值，然后按照一定數據結構保存並傳給后台，並且再次獲取這個數據結構和數組xArr ...

...

...

效果如圖： 首先在需要可編輯的列上添加一個editor屬性，列定義為numberbox編輯類型 <th field="SCORES" editor="{type:'numberbox',options:{precision:0}}" width="120"> ...

自定義組件(EditableCell.vue)： 父組件中使用： 參考：https://github.com/heianxing/editable-table-component-vue-element ...