欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

el-table表格點擊該行任意位置時也勾選上其前面的復(fù)選框

 更新時間：2025年02月12日 11:33:25   作者：Angel_girl319  
本文主要介紹了在el-table組件中實現(xiàn)雙擊表格某一行任意位置自動勾選復(fù)選框的功能,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

需求：當雙擊表格某一行任意位置時，自動勾選上其前面的復(fù)選框

1、在el-table 組件的每一行添加@row-dblclick事件，用于雙擊點擊

  <el-table
        :data="tableData"
        ref="tableRef"
 @selection-change="handleSelectionChange"
        @row-dblclick="handleRowClick"
      >
<el-table-column type="selection" fixed width="55" align="center" />
        <el-table-column
          type="index"
          fixed
          label="序號"
          width="75"
          align="center"
        />
</el-table>

2、定義方法在 `handleRowClick` 方法中，通過修改 `row` 對象中的某個屬性來標記該行是否被選中，調(diào)用 `toggleRowSelection` 方法來切換多選框的勾選狀態(tài)。

const sourceRef = ref();
//雙擊
const handleRowClick = (row) => {
  console.log(row, "雙擊--");
  row.isSelected = !row.isSelected;
  tableRef.value.toggleRowSelection(row);
};

到此這篇關(guān)于el-table表格點擊該行任意位置時也勾選上其前面的復(fù)選框的文章就介紹到這了,更多相關(guān)el-table 任意位置勾選復(fù)選框內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • 關(guān)于vite+vue3打包部署問題

    關(guān)于vite+vue3打包部署問題

    這篇文章主要介紹了關(guān)于vite+vue3打包部署問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-07-07
  • 解決vux 中popup 組件Mask 遮罩在最上層的問題

    解決vux 中popup 組件Mask 遮罩在最上層的問題

    這篇文章主要介紹了解決vux 中popup 組件Mask 遮罩在最上層的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11
  • vue3 使用socket的完整代碼

    vue3 使用socket的完整代碼

    這篇文章主要介紹了vue3 使用socket的完整代碼,包括vue3客戶端和服務(wù)端的實例講解,本文給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
    2024-03-03
  • vue3在單個組件中實現(xiàn)類似mixin的事件調(diào)用

    vue3在單個組件中實現(xiàn)類似mixin的事件調(diào)用

    這篇文章主要為大家詳細介紹了vue3如何在單個組件中實現(xiàn)類似mixin的事件調(diào)用,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-01-01
  • vue3+vite配置多頁面的示例代碼

    vue3+vite配置多頁面的示例代碼

    通過配置多頁面應(yīng)用，從而將給子模塊依賴分隔開各自加載，可以減少初始資源的請求，加快頁面的訪問速度，這篇文章主要介紹了vue3+vite配置多頁面的詳細過程,需要的朋友可以參考下
    2023-06-06
  • Vue 路由間跳轉(zhuǎn)和新開窗口的方式（query、params）

    Vue 路由間跳轉(zhuǎn)和新開窗口的方式（query、params）

    這篇文章主要介紹了Vue 路由間跳轉(zhuǎn)和新開窗口的方式，本文主要通過query方式和params方式介紹,需要的朋友可以參考下
    2019-12-12
  • Vuejs監(jiān)聽vuex中值的變化的方法示例

    Vuejs監(jiān)聽vuex中值的變化的方法示例

    這篇文章主要介紹了Vuejs監(jiān)聽vuex中值的變化的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-12-12
  • TypeScript在vue中的使用解讀

    TypeScript在vue中的使用解讀

    這篇文章主要介紹了TypeScript在vue中的使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-02-02
  • Element-Ui組件 NavMenu 導(dǎo)航菜單的具體使用

    Element-Ui組件 NavMenu 導(dǎo)航菜單的具體使用

    這篇文章主要介紹了Element-Ui組件 NavMenu 導(dǎo)航菜單的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10
  • Vue實戰(zhàn)教程之仿肯德基宅急送App

    Vue實戰(zhàn)教程之仿肯德基宅急送App

    這篇文章主要介紹了Vue實戰(zhàn)教程之仿肯德基宅急送App，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-07-07

最新評論