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必须写

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