日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

判斷element Ui 表格(el-table)中復選框中的選中狀態

作者:qq_42208679 更新時間: 2022-01-30 編程語言

判斷element Ui 表格(el-table)中復選框中的選中狀態

組件

			 <el-table
			       :data="newTableData"
			         @select="selectionRow"
			         @select-all="selectionRowAll"
			         style="width: 100%">
			     <el-table-column
			             align="center"
			             type="selection"
			             width="50"
			     >
			     </el-table-column>
			     <el-table-column
			             align="center"
			             type="index"
			             width="50"
			             label="序號"
			     ></el-table-column>
			     <el-table-column
			             label="文件名稱"
			             align="center"
			             prop="name">
			     </el-table-column>
			
			     <el-table-column
			         label="操作"
			         align="center"
			         prop="filepath">
			         <template slot-scope="scope">
			             <a
			                     style="color:#6abbf4"
			                     :href=""
			                     >下載</a>
			         </template>
			     </el-table-column>
			 </el-table>

方法

 // 表格復選框事件
            selectionRow(selection, row){
                let selected = selection.length && selection.indexOf(row) !== -1; //為true時選中,為 0 時(false)未選中
                if(selected){
                    this.deleteRowIdArray.push(row);
                }
            },

            //表格全選事件
            selectionRowAll(selection){
                this.deleteRowIdArray = selection;
            },

原文鏈接:https://blog.csdn.net/qq_42208679/article/details/111638368

欄目分類
最近更新