點擊表格行按鈕不觸發 row-click 事件、不觸發勾選行，只執行按鈕的 click 事件

點擊第一行的【編輯】，第一行為當前選擇行， 同時也勾選了復選框，也會執行?row-click 事件

原來的代碼：

            <el-table-column label="操作" header-align="center" align="center" fixed="right" width="60"><template #default="scope"><el-button type="danger" size="default" text @click="onClick(scope.row.id)">編輯</el-button></template></el-table-column>

要相實現點擊表格行按鈕不觸發 row-click 事件、不觸發勾選行，只執行按鈕的 click 事件

只需給click增加stop修飾符即可

修改后的代碼：

            <el-table-column label="操作" header-align="center" align="center" fixed="right" width="60"><template #default="scope"><!-- 點擊時使用 .stop 修飾符阻止事件冒泡，只會執行@click的事件邏輯，其他事件不會觸發，如 @row-click="onTableRowClick" --><el-button type="danger" size="default" text @click.stop="onClick(scope.row.id)">編輯</el-button></template></el-table-column>

應用效果：

?

點擊第一行的【編輯】，第一行為當前選擇行， 不會勾選復選框，不會執行?row-click 事件?