使用@click.native: 在el-dropdown-item上使用@click.native来绑定原生点击事件。这是因为el-dropdown-item是一个组件,而@click默认绑定的是组件的自定义事件,而不是原生点击事件。 vue <el-dropdown> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down el-icon-...
<el-dropdown-item@click.native="logout"> 退出登录 </el-dropdown-item> logout() { // 组件默认是不识别原生事件的,除非内部做了处理 console.log(111); }, 你可能有很多次想要在一个组件的根元素上直接监听一个原生事件。这时,你可以使用 v-on 的 .native修饰符: ...
Vue引入Element-ui框架,使用其DropDown组件时,发现官网教程并没有给出el-dropdown-item点击事件的使用方法。因此需要自定义点击事件,也就是需要添加原生的点击事件。 2、添加点击事件 使用@click.native=“”,此时就可以实现点击事件了。 代码语言:javascript 代码运行次数:0 <el-dropdown>下拉菜单<el-dropdown-menu...
1 正确代码 <el-dropdown-item @click.native="logout">退出</el-dropdown-item> 2 答案 参考文章 看了下拉菜单的文档 确实没有click事件说明(不想用文档上的方法) 但使用click又不生效 最后在segmentfault找到了答案 将@click改为@click.native即可当你给一个vue组件绑定事件时候,要加上native!如果是普通的...
ElementUI中el-dropdown-item点击事件无效 若直接在el-dropdown-item上添加click事件,点击后没有任何反应。 在click后添加native修饰符,则可解决问题。 代码如下: <el-dropdown><el-dropdown-menuslot="dropdown"><el-dropdown-item@click.native="changePassword">修改密码</el-dropdown-item></el-dropdown-...
退出登录试试@click.native = "logout（）"<el-dropdown-item command="logout">退出登录</el-drop...
el-dropdown-item添加点击事件无效（vue）el-dropdown-item添加点击事件⽆效（vue）如图 ⽆效！！！为什么呢？？想了⼀下，可能是因为 el-dropdown-item 没有⾃定义click事件 so！解决办法就是添加原⽣事件 :@click.native 还有⼀个⽅法就是使⽤框架⾃带的指令 嗯，⼩问题⼀个。
</el-button> <el-dropdown-menu slot="dropdown"> <el-dropdown-item v-for="(item, index) in dropDownBtns" @click.native="btnClick(item, $event)" :disabled="disabled(item)" :key="index" :icon="item.icon" >{{ item.name }}<...
@click.native="btnClick(item, $event)" :disabled="disabled(item)" :key="index" :icon="item.icon" >{{ item.name }}</el-dropdown-item > </el-dropdown-menu> </el-dropdown> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.
在vue项目中使用element的el-dropdown-item标签时 给标签添加click事件 初始时按照正常写法 <el-dropdown-item@click="click()"></el-dropdown-item> 发现点击没反应 花了点时间查找后发现,对于这个标签的点击事件需要这样写才能生效 <el-dropdown-item@click.native="click()"></el-dropdown-item> ...