element row-click表格單行點擊和單元格事件衝突解決/冒泡解決

	<el-table v-loading="loading"
              ref="multipleTable"
               :data="pagination[activeName].tableData"
               tooltip-effect="dark"
               style="min-width: 1000px"
               @selection-change="selectionChange"
               highlight-current-row
               @row-click="rowClick">
       <el-table-column type="selection">
       </el-table-column>
       <el-table-column show-overflow-tooltip width="180px"
                                 label="操作">
                  <template slot-scope="scope">
                    <el-button size="mini"
                               type="primary" @click="passStream(scope.row)">通過
                     </el-button>								        
                </el-table-column>
     </el-table>

上述代碼中,表格的當前行點擊事件和單元格按鈕的點擊事件衝突
解決方法,在按鈕的點擊事件上加修飾符
如:@click.native.stop=“passStream(scope.row)”,即可阻止冒泡事件
.native必須寫

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章