elementui中tabel組件的scope.$index的使用及說明
更新時間：2022年10月20日 09:53:34 作者：小智玩前端
這篇文章主要介紹了elementui中tabel組件的scope.$index的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
elementui tabel組件scope.$index的使用
tabel組件的自定義列模板中可以使用scope.row獲取當前行的數(shù)據(jù)，而scope.$index獲取的是當前行的數(shù)據(jù)在數(shù)組中的索引（tabel表格綁定的數(shù)據(jù)是一個數(shù)組，數(shù)組中每一個對象就相當于一行的數(shù)據(jù)）
使用如下：
<el-table-column prop="age" label="年齡">
<template slot-scope="scope">
<span @click="editor(scope.row,scope.$index)">編輯</span>
</template>
</el-table-column>element獲取單行的下標（scope.$index）
scope.$index
?<el-table-column ? ?fixed="right" ? ?label="操作" ? ?width="100"> ? ?<template slot-scope="scope"> ? ? ?<el-button class="del" @click.stop="contractInvoiceDataDel(scope.$index)" type="text" size="small">刪除</el-button> ? ?</template> ?</el-table-column>
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue 最獨特的特性之一,是其非侵入性的響應式系統(tǒng)。下面這篇文章主要給大家介紹了關于vue響應式原理與雙向數(shù)據(jù)的相關資料,需要的朋友可以參考下2021-06-06
vue項目中使用AES實現(xiàn)密碼加密解密（ECB和CBC兩種模式）
這篇文章主要介紹了vue項目中使用AES實現(xiàn)密碼加密解密的方法，主要是通過ecb和cbc兩種模式，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
vue 中 beforeRouteEnter 死循環(huán)的問題
這篇文章主要介紹了vue beforeRouteEnter 死循環(huán)的問題,在文章末尾給大家補充介紹了vue中beforeRouteEnter使用的誤區(qū)，需要的朋友可以參考下2019-04-04
iview實現(xiàn)select tree樹形下拉框的示例代碼
這篇文章主要介紹了iview實現(xiàn)select tree樹形下拉框的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
今天小編就為大家分享一篇vue router 傳參獲取不到的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
基于Vue的SPA動態(tài)修改頁面title的方法(推薦)
這篇文章主要介紹了基于Vue的SPA動態(tài)修改頁面title的方法,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了關于element ui中el-cascader的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
本文深入探討了Vue3中新特性shallowReactive的使用和原理,shallowReactive是創(chuàng)建淺響應式對象的API,只對對象的第一層屬性進行響應式轉換,不對嵌套對象處理,有助于性能優(yōu)化和狀態(tài)管理,同時也指出了shallowReactive在使用中的注意事項2024-10-10
vue?使用el-table循環(huán)輪播數(shù)據(jù)列表的實現(xiàn)
這篇文章主要介紹了vue?使用el-table循環(huán)輪播數(shù)據(jù)列表的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue2.0 使用element-ui里的upload組件實現(xiàn)圖片預覽效果方法
今天小編就為大家分享一篇vue2.0 使用element-ui里的upload組件實現(xiàn)圖片預覽效果方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09