el-dropdown-item新增點選事件@click無效
阿新 • • 發佈:2020-08-10
初始程式碼:
<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修飾符