element ui的row-click.stop就报错？

Question

1:480 [Vue warn]: Error in event handler for "row-click": "TypeError: $event.stopPropagation is not a function"

found in

---> <ElTable>

   <Project> at C:\Users\huiji\Desktop\Felix_web-new_sy_ui_vue-master\new_sy_ui_vue-master\src\page\quote\one\project.vue
     <Quote> at C:\Users\huiji\Desktop\Felix_web-new_sy_ui_vue-master\new_sy_ui_vue-master\src\page\quote\index.vue
       <App> at C:\Users\huiji\Desktop\Felix_web-new_sy_ui_vue-master\new_sy_ui_vue-master\src\App.vue
         <Root>

warn @ 1:480
handleError @ 1:563
Vue.$emit @ 1:2303
handleEvent @ 203:8917
boundFn @ 1:182
handleClick @ 203:8905
boundFn @ 1:182
click @ 203:8691
invoker @ 1:1815
1:567 TypeError: $event.stopPropagation is not a function

at row-click (335:64)
at VueComponent.invoker (1:1815)
at VueComponent.Vue.$emit (1:2301)
at VueComponent.handleEvent (203:8917)
at VueComponent.boundFn [as handleEvent] (1:182)
at VueComponent.handleClick (203:8905)
at Proxy.boundFn (1:182)
at click (203:8691)
at HTMLTableRowElement.invoker (1:1815)

Answer 1

el的row-click是不能加.stop的吧，人家文档上也没提供

Answer 2

@row-click并不是原生event事件，而是由组件 emit出的一个事件，并没有stopPropagation。所以不能使用stop修饰

Answer 3

在tab外面加一个div click.stop

Answer 4

@row-click不能直接添加.stop事件，理由上面的回答中已经写清楚了。如果想要阻止冒泡，可以这么做；

// template
@row-click="rowClick"
// methods
rowClick(item, column, $event){
      $event.stopPropagation();
}