1. 程式人生 > 實用技巧 >el-dropdown-item新增點選事件@click無效

el-dropdown-item新增點選事件@click無效

初始程式碼:

<el-dropdown-menu slot="dropdown" >
   <el-dropdown-item icon="el-icon-info">info</el-dropdown-item>
   <el-dropdown-item icon="el-icon-error" @click="exitSystem">exit</el-dropdown-item>
</el-dropdown-menu>
//此時點選exit是無效的

加上native

<el-dropdown-menu slot="dropdown" >
   <el-dropdown-item icon="el-icon-info">info</el-dropdown-item>
   <el-dropdown-item icon="el-icon-error" @click.native="exitSystem">exit</el-dropdown-item>
</el-dropdown-menu>
//此時點選exit是可以觸發事件

vue @click.native 原生點選事件:

1,給vue元件繫結事件時候,必須加上native ,不然不會生效(監聽根元素的原生事件,使用 .native 修飾符)

2,等同於在自元件中

根據Vue2.0官方文件關於父子元件通訊的原則,父元件通過prop傳遞資料給子元件,子元件觸發事件給父元件。但父元件想在子元件上監聽自己的click的話,需要加上native修飾符