關(guān)于row-click和current-change的用法及說明
一、row-click和current-change官方文檔的使用介紹
1.row-click
當表格某一行被點擊時會觸發(fā)該事件，
參數(shù)：
rowcolumnevent
2.current-change
當表格的當前行發(fā)生變化的時候會觸發(fā)該事件，
參數(shù)：
currentRowoldCurrentRow
二、問題和解決
1.需求
有四個表，A表、B表、C表、D表，B表與A表聯(lián)動，C表與B表聯(lián)動，D表與C表聯(lián)動，
即：
當點擊A表某一行時，B表展示該點擊行相關(guān)的數(shù)據(jù)，C、D表同理
2.問題
使用row-click事件
點擊A表第一行時，B表展示A表第一行相關(guān)數(shù)據(jù)，C表卻展示不出來與B表第一行相關(guān)數(shù)據(jù)（初始默認焦點在第一行）；
然后點擊B表第一行，C表才能展示B表第一行相關(guān)數(shù)據(jù)；
接著點擊A表第二行，這時候假設(shè)B表沒有A表第二行相關(guān)數(shù)據(jù)，也就是B表此時數(shù)據(jù)為空，那么會發(fā)現(xiàn)C表依舊展示了B表第一行的相關(guān)數(shù)據(jù)，此時C表應(yīng)該是無數(shù)據(jù)才對
3.解決
使用current-change事件
點擊A表第一行時，B表展示A表第一行相關(guān)數(shù)據(jù)，同時C表也展示了B表第一行相關(guān)數(shù)據(jù)（初始默認焦點在第一行）；
因為C表已經(jīng)展示數(shù)據(jù)了，所以就直接點擊A表第二行，此時B表展示A表第二行相關(guān)數(shù)據(jù)，這時候同樣假設(shè)B表沒有A表第二行相關(guān)數(shù)據(jù)，會發(fā)現(xiàn)C表也正常的沒有數(shù)據(jù)展示了
總結(jié)
row-click，是只有當點擊行的時候才會觸發(fā)，如果沒有點擊行，只是行數(shù)據(jù)或行焦點改變，是無法觸發(fā)該事件；
current-change，是當前行變化時觸發(fā)，即使不點擊某行，只要行數(shù)據(jù)或行焦點改變了，就會觸發(fā)該事件，當然也包括“點擊”不同行時，也會觸發(fā)該事件
所以，有時候current-change可以直接替代row-click去使用
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue中el-date-picker限制選擇7天內(nèi)&禁止內(nèi)框選擇
項目中需要選擇時間范圍,并且只能選擇當前日期之后的七天,本文就來介紹了vue中el-date-picker限制選擇7天內(nèi)&禁止內(nèi)框選擇,具有一定的參考價值,感興趣的可以了解一下2023-12-12
VUE整合Echarts實現(xiàn)簡單的數(shù)據(jù)可視化方式
文章介紹了ECharts的數(shù)據(jù)可視化功能和使用過程,首先,文章闡述了ECharts的功能和優(yōu)勢,接著,文章通過安裝ECharts、創(chuàng)建容器、獲取DOM對象、引入圖表等代碼片段等步驟詳細介紹了柱狀圖和餅圖的可視化過程,最后,文章介紹了主題的下載和應(yīng)用,以提高可視化效果2026-04-04
vue前端性能優(yōu)化之預(yù)加載和懶加載示例詳解
這篇文章主要為大家介紹了vue前端性能優(yōu)化之預(yù)加載和懶加載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
鼠標移入時的小手、鼠標點擊時按鈕下壓彈起的動畫、觸屏應(yīng)用點擊時的屏幕震動，這些效果也被統(tǒng)稱為點擊反饋，雖然看似是應(yīng)用中的細枝末節(jié)，但是只要稍微投入一點點心思，帶來的用戶體驗提升是十分明顯的,這里作者為小伙伴們推薦一種作者最喜歡的點擊反饋效果。2021-05-05
這篇文章主要介紹了Vue中導(dǎo)入excel文件的兩種方式,大概有兩種導(dǎo)入文件的方法：form表單和el-upload，本文結(jié)合示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-12-12
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
這篇文章主要介紹了vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-02-02
這篇文章主要介紹了如何使用HBuilderX把vue項目打包成apk，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
深入理解vue輸入框字符限制的優(yōu)化設(shè)計方案
限制輸入框字符是一項需要結(jié)合技術(shù)實現(xiàn)與用戶體驗的綜合設(shè)計,通過實時限制、提交校驗與性能優(yōu)化,開發(fā)者可以高效解決輸入限制問題,同時提升用戶滿意度和數(shù)據(jù)安全性,本文給大家介紹vue輸入框字符限制的優(yōu)化設(shè)計,感興趣的朋友跟隨小編一起看看吧2024-12-12
Vue.js結(jié)合Ueditor富文本編輯器的實例代碼
本篇文章主要介紹了Vue.js結(jié)合Ueditor的項目實例代碼，這里整理了詳細的代碼，具有一定的參考價值，有興趣的可以了解一下2017-07-07
這篇文章主要為大家詳細介紹了Vue2幾種常見開局方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09