vue怎麼封裝table組件-tft每日頭條

vue怎麼封裝table組件

科技更新时间:2024-11-23 09:00:44

vue怎麼封裝table組件?在使用el-table加載數據後，如果通過一些操作更新了el-table綁定的data中的部分數據，想要将更新的數據及時更新在界面上，應該怎麼做呢？，下面我們就來聊聊關于vue怎麼封裝table組件?接下來我們就一起去了解一下吧!

vue怎麼封裝table組件

在使用el-table加載數據後，如果通過一些操作更新了el-table綁定的data中的部分數據，想要将更新的數據及時更新在界面上，應該怎麼做呢？

假如我們是通過for循環更新了data中某一行某一列的數據，代碼如下：

for(var i=0;i<that.tableData.length;i ){ var aId=that.tableData[i].stationid; var bId=that.tableData[i].deviceid; if(aId==that.selectStationId&&bId==that.selectDeviceId){ that.tableData[i].physicalid=physicalId; } }

上面的代碼已經修改了data的部分數據，但是這樣新的數據是不能更新在界面上的。<br/>

我們可以新建一個data數組對象，将舊的data修改後的數據一行一行地賦值給新的data數組對象，然後将新的data數組對象

綁定到el-table的data上面就可以将新的數據及時更新在界面上，代碼如下：

var newTableData=[]; for(var i=0;i<that.tableData.length;i ){ var aId=that.tableData[i].stationid; var bId=that.tableData[i].deviceid; if(aId==that.selectStationId&&bId==that.selectDeviceId){ that.tableData[i].physicalid=physicalId; } newTableData.push(that.tableData[i]); } that.tableData=newTableData;

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

科技台式電腦能帶上飛機嗎
台式電腦能帶上飛機嗎?台式電腦能帶上飛機，但是可以随身攜帶但是不能托運按照航空公司的規定，電腦屬于非托運行李，但由于其體積超過了非托運行李的限制，又不得随身攜帶，也就是說電腦主機隻能作為“不符合規定的托運行李”，按照托運行李的方式交付托運，... 2022-06-27
科技昂達主闆怎麼用u盤啟動
u盤重裝系統，昂達主闆bios設置U盤啟動教程，不同型号打開BIOS設置界面也許會有些區别，但是也差不了太多，可以參考着進行操作。不同品牌的電腦有不同的方式進入bios設置u盤。下面在主闆bios上設置U-boot的方法可能會對你有幫助。方... 2022-12-30
科技谷歌chrome浏覽器裝哪個版本
IT之家12月27日消息，于2008年推出的Chrome浏覽器将在明年年初迎來版本号為100的更新，但這個有着裡程碑意義更新的将導緻一些網站無法在谷歌的這個浏覽器中運行。Chrome100沒有重大變化或革命性的新功能，但谷歌已經意識到這一重... 2022-12-06
科技怎麼發抖音
怎麼發抖音?打開手機抖音，點開你喜歡的抖音視頻，點擊右下方的一個轉圈圈的圖标，今天小編就來說說關于怎麼發抖音?下面更多詳細答案一起來看看吧!怎麼發抖音打開手機抖音，點開你喜歡的抖音視頻，點擊右下方的一個轉圈圈的圖标。點開之後，進入這條視頻的... 2022-06-09
科技熱敏電阻的常用電路
熱敏電阻的特性是對溫度敏感，不同溫度下，電阻值不一樣。熱敏電阻電路符号熱敏電阻實物圖1.熱敏電阻分類正溫度系數熱敏電阻（PTC）：随着溫度的升高，其阻值明顯增大。利用該特性，PTC通常适用于具有自複位功能的保險絲以及加熱器應用。負溫度系數熱... 2023-02-20
科技華為手機重啟忘記密碼怎麼辦
華為手機重啟忘記密碼怎麼辦?手機在關機狀态、不插USB線的情況下，同時長按音鍵上鍵和電源鍵，直到顯示開機logo界面時，松開電源鍵，今天小編就來聊一聊關于華為手機重啟忘記密碼怎麼辦?接下來我們就一起去研究一下吧!華為手機重啟忘記密碼怎麼辦手... 2022-07-04
科技随身wifi可以實現随時随地都有網
[導讀]公共WiFi已經遍布各大商場、酒店、機場、飯店等場所。騰訊WiFi管家2.0版首推搖一搖連WiFi,讓手機連WiFi可快人一步,還有機會拿到流量紅包。公共WiFi已經遍布各大商場、酒店、機場、飯店等場所。手機連接WiFi上網也成為一... 2022-12-08
科技憑什麼選它
大家好，歡迎來到黑馬公社。很久以前，黑馬一直在思考一個，複古的潮流是由什麼決定的。是時尚雜志嗎？還是名人效應？直到現在，黑馬終于懂了。當我們選擇複古的時候，實際上是對當下的潮流感到不滿。這個時候，我們會懷念起過去那些優秀的設計。這就像是蘋果... 2022-12-30
科技河北省專升本大概多少分能過
距離2022年河北專升本考試還剩64天的時間，在這兩個多月的時間裡，如果你想考公辦，你知道每科成績達到多少才可以上岸嗎？小天通過2021年的一分一檔表以及我們專業老師的獨家數據分析，整理出下面上岸公辦院校的各科最低分數，一起來看一下！近幾年... 2022-12-11
科技福特汽車sync升級
如今，随着消費水平的升級，汽車的傳統屬性也已經改變，從代步工具已經逐漸成為了一個可移動的生活空間，消費者也更加青睐以智能化和定制化驅動的車載人工智能交互系統，毫無疑問,車聯網系統正逐漸成為中國汽車行業創新的新熱點,傳統車企和造車新勢力以及互... 2023-02-08
科技懷舊服狂戰士覺醒需要什麼材料
我本沉默單職業經典懷舊之作《沉默複古版》！超高爆率特色助手，輕松讓你擔當傳奇的弄潮兒，稀缺的裝備、快捷的功能、大量的财寶，尋找終極有緣人，在傳奇的世界裡，不服來戰！新玩家登錄就送100倍爆率和等級飛升跳躍卡，十分鐘120級不再是夢；這裡的副... 2023-02-18
科技鴻蒙系統怎麼升級怎麼預約
鴻蒙系統怎麼升級怎麼預約?工具/原料：使用手機：華為Mate30Pro，手機版本：Android10，使用軟件：服務，軟件版本：10.1.12.305，今天小編就來說說關于鴻蒙系統怎麼升級怎麼預約?下面更多詳細答案一起來看看吧!鴻蒙系統怎麼... 2022-08-12
科技 win10識别不出u盤
解決win10電腦無法識别U盤的方法我們需要對症下藥，導緻win10無法識别U盤的原因有很多，U盤本身問題，電腦設置問題，BIOS設置問題，系統問題等等。下面，我就告訴大家win10電腦無法識别U盤的對應解決方法。win10電腦無法識别U盤... 2023-02-13
科技 win10字體顯示效果難看怎麼解決
有很多的小夥伴們表示在使用win10操作系統的時候，碰到了一個問題，就是win10界面上顯示的字體非常模糊不清楚，這個問題需要怎麼解決呢，快來看看詳細教程吧~win10字體模糊發虛不清晰解決：方法一：1、右鍵左下角的【菜單】按鈕，選擇【系統... 2023-02-05
科技手機怎麼注冊qq郵箱
手機怎麼注冊qq郵箱?在手機上打開QQ郵箱，在添加賬戶界面選擇QQ郵箱，下面我們就來聊聊關于手機怎麼注冊qq郵箱?接下來我們就一起去了解一下吧!手機怎麼注冊qq郵箱在手機上打開QQ郵箱，在添加賬戶界面選擇QQ郵箱。選擇一種登錄方式，以QQ賬... 2022-06-07
科技 17款霸道2700最頂配
豐田霸道大家都非常熟悉了，在17年的平行進口車銷量排行榜中，霸道是第一名，由此也可以看出它的實力以及受歡迎程度。特别小編今天要為大家介紹的霸道27。因為中規普拉多現在隻有3.5排量的車型，且被迫降級為了分時四驅，所以，平行進口的中東版霸道2... 2023-01-28
科技為什麼說三星系統可玩性高
目前全球智能手機市場基本隻剩下Android和iOS兩大陣營，正如iOS系統的代表作是蘋果iPhone，在過去幾年，Android系統的機王寶座都屬于三星Galaxy系列。三星每年都占據着全球智能手機出貨量超過五分之一的份額，其中99%都是... 2023-02-18
科技以前買的高端電腦能不能升級
記不清是2015還是2016年買的，平時就家用，不玩遊戲，偶爾剪輯視頻，大部分情況下還可以，就是剪輯視頻有點慢，導出時間太長了。有懂行的給點意見。賣的話還能賣多少？基本都是插電源，電池還有83。這台電腦還有升級必要嗎？怎麼升級呢？是筆記本電... 2023-01-05
科技強制關閉顯卡驅動程序
#本文由LJason投遞譯稿Windows有一個秘密的快捷鍵，可以重啟顯卡驅動程序。如果你的電腦經常“凍屏”，可以在重啟電腦之前試試這個快捷鍵，它可以修複凍屏，否則就隻能強制重啟電腦了。這個組合快捷鍵将重啟Win10和Win8上的圖形子系統... 2023-04-02
科技目前最值得買的三款旗艦手機
所謂性價比其實就是“高配低價”的手機，用最少的錢買到最超值、最全面的配置，而本文将為大家推薦的五款旗艦手機就是如此，希望有你中意的一款出現。小米11小米11是目前“高配低價”最典型的例子，單單是這塊三星2K曲面屏，其素質就已經超過了國内四五... 2023-01-21
科技造夢西遊四手機版沙僧攻略
造夢西遊4手機版中，由于沙僧不夠強勢，使用他的玩家也不多。下面97973手遊網小編為大家帶來沙僧過庵婆羅樹的通關小技巧，希望這篇攻略能夠幫助大家！造夢西遊4沙僧過庵婆羅樹詳解先來看看白猿的技能：通臂飛拳：向前猛擊數拳，每拳均伴有透明的拳影打... 2023-03-27
科技管家婆軟件和erp哪個好用
讓管理回歸簡單管家婆工貿ERPT系列功能介紹MRP企業資源計劃多種淨需求計算方式，滿足不同行業客戶需求支持替代料、最小采購量、最小包裝量等精細管理要求自動推算采購交期、生産開完工日期，支持APS可視化排程訂單圖形化跟蹤圖形化展示銷售訂單相關... 2022-10-25
科技這些院士做過的事
新華網北京9月21日電題：青藏科考是一篇大文章——訪中國科學院院士姚檀棟青藏高原，擁有地球上最獨特的地質、地理資源，被科學界稱作“天然實驗室”，而珠峰就是這個實驗室裡一塊亟待被科學認知的璞玉。中國珠峰科考首次突破8000米以上海拔高度，成為... 2022-11-12
科技無系統怎麼用u盤裝系統教程
嗨咯，大家好啊，我是小鐘相信不少小夥伴，都會碰到系統崩潰的情況，有的時候，必須得重新做個系統。說到做系統，明白的人就覺得，很簡單，但是對于小白來說，還是有點困難的。那麼，今天呢，我就教大家，用U盤，制作一個win10的系統U盤。首先，準備好... 2023-01-27
科技 aj33的鞋帶叫什麼
可以稱得上是今年實戰鞋的“大魔王”，AirJordan33，已經流傳出來了一些曝光圖和視頻，似乎并沒有運用太多和AirJordan3相關的元素，和之前預測的什麼開窗式氣墊啊，爆裂紋細節啊，都在曝光圖中沒有展現出來。就像之前的文章中所提到的：... 2023-04-03
科技蘋果手機如何知道是白名單和黑名單
蘋果手機如何知道是白名單和黑名單?在蘋果手機通訊錄中選擇某個聯系人，然後選擇“阻止此來電号碼”，選擇“阻止聯系人”可以将聯系人加入黑名單，将不會收到黑名單上聯系人的來電、信息或FaceTime呼叫，我來為大家科普一下關于蘋果手機如何知道是白... 2022-06-17
科技手機26鍵輸入法怎麼打快
手機輸入法大比拼！“9鍵”和“26鍵”哪個打字更快？答案很意外自從智能的拼音法進入到互聯網當中之時，各個用戶就以五筆輸入還是拼音輸入更方便開始了“争鬥”。而發展到現在，随着輸入法越來越優秀之後，大家的“争鬥”又演變成了到底是9鍵盤的輸入法還... 2023-01-11
科技讀書郎學生平闆電腦使用說明書
因為肺炎疫情的防控到了關鍵階段，原先的開學通知也一拖再拖。自從教育部下發開學延期通知，号召全國開展停課不停學活動，要求不出門不聚集紮堆。各地學校開學時間未定，線下輔導班關門，線上學習是唯一出路。3月份已到，各地還沒有通知開學時間，3月2日幾... 2022-11-29
科技 gateway一體式電腦
Gateway是90年代和2000年代初著名的PC品牌，它正在以全新的筆記本電腦系列重新進入現代計算機世界。根據最新消息，新款筆記本電腦将在沃爾瑪獨家銷售，并将配備英特爾和AMD處理器以及NvidiaRTX顯卡。因為這些去沃爾瑪的想法并不是... 2023-03-07
科技膜生物反應器工作原理
一、MBR工藝的組成膜-生物反應器主要由膜分離模塊和生物反應器組成。通常提到的膜生物反應器實際上是三種反應器的總稱:①曝氣膜生物反應器②萃取膜生物反應器③固液分離膜生物反應器。二、曝氣膜-生物反應器曝氣膜-生物反應器首次采用透氣緻密膜(如矽... 2022-12-30

tft每日頭條

> 科技

> vue怎麼封裝table組件

vue怎麼封裝table組件

vue怎麼封裝table組件

相关科技资讯推荐

热门科技资讯推荐

网友关注