el-dropdown-item的点击事件

最新推荐文章于 2024-06-25 23:03:52 发布
最新推荐文章于 2024-06-25 23:03:52 发布
阅读量2k 收藏 8
点赞数 8
分类专栏： vue UI框架 文章标签： vue elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/goutinga/article/details/109539117
版权

el-dropdown-item的点击事件

<el-dropdown>
    <span class="user"></span>
    <el-dropdown-menu slot="dropdown">
        <el-dropdown-item @click.native="changePassword">修改密码</el-dropdown-item>
        <el-dropdown-item @click.native="logoutFn">退出登录</el-dropdown-item>
    </el-dropdown-menu>
</el-dropdown>

若直接在el-dropdown-item上添加click事件，点击后没有任何反应。若在click后添加native修饰符，则可解决问题。

付金廷
关注
专栏目录
解决DropDownList被点击时刷新页面并直接跳到页面顶端的问题
qq_44725217的博客
06-22 812
解决DropDownList被点击时刷新页面并直接跳到页面顶端的问题。
使用VUE下拉框组件el-dropdown-item，设置click点击事件，会触发两次
qq_42955997的博客
04-07 7432
项目场景： 毕设项目 问题描述 问题帖链接：https://ask.csdn.net/questions/7683469?answer=53747393&username=qq_42955997 原因分析： 使用的组件是elementplus的el-dropdown下拉框组件，官方并没有提供@click的方法，所以可能出现一些未知的问题。 解决方案： 这里官方提供了一个方法叫commond，官方说明是“点击菜单项触发的事件回调”，这正是我们需要的。解决方式参考帖子：https://blog.csdn
element-ui 下拉菜单el-dropdown-item添加点击事件
最新发布
Zing_ing的博客
06-25 1083
native修饰符用于处理DOM原生事件，由于组件 DropDown并没有封装点击事件，因此需要添加原生的点击事件，因此使用@click.native。@click 常见于其用在Vue中的事件绑定，而@实际上是 v-on 的简写，而 v-on 则是对 vue 的事件体系封装之后的 API接口。使用element-ui下拉菜单组件Dropdown时绑定点击事件，事件不生效。
el-dropdown-item添加点击事件
weixin_53635194的博客
08-19 621
两种方案 一、使用官方给出的解决方案command指令（），我自己第一次使用时报错，索性就直接不用了； 二、使用@click.native 就可以成功的添加上点击事件； Ps：扩展@click的其他用法 @click.stop： 阻止事件冒泡； @click.prevent： 阻止事件的默认行为 （提交事件不再重载页面）； @click.capture： 优先触发； @click.self： 只有自己能触发，子元素无法触发； @click.once： 只能提交一次；
el-dropdown-item点击事件
10-14
el-dropdown-item 点击事件可以通过绑定 click 事件来实现，例如： ```html <el-dropdown> <span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down el-icon--right"> <el-dropdown-menu slot=...
vue+element搭建后台小总结 el-dropdown下拉功能
10-16
在el-dropdown组件中，可以通过@command事件绑定方法来处理用户的点击行为。在事件处理函数中，可以接收到从下拉组件传过来的参数，这个参数一般会包含用户选中的值（value）、显示的文本（label）以及其他标识...
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
10-15
总结起来，解决Vue使用Vant下拉框`van-dropdown-item`绑定`title`值不变的问题，关键在于理解`title`属性的作用以及监听`@change`事件来动态更新`title`。通过绑定`title`和监听`change`事件，可以实现下拉框标题...
Element el-dropdown 事件
林中明月间丶
06-20 3336
这里我需要点击下拉选择值后，既要得到下拉里面的值 也要得到这一行数据的值。设置trigger="click" 就可以加点击事件。我这里是结合el-table一起使用。
element-ui 下拉el-dropdown-item添加点击事件@click无效
tqq的博客
07-29 973
这时候在@click后面加个.native就可以了。 感谢 https://blog.csdn.net/qq_33769914/article/details/82911052
解决：element-ui 下拉菜单el-dropdown-item添加点击事件@click无效
weixin_58622844的博客
03-21 1337
element-ui 下拉菜单el-dropdown-item添加点击事件@click无效
el-dropdown-item点击事件需要加native
m0_63034063的博客
03-19 145
el-dropdown-item @click.native="uploads(2)">电厂中层干部信息</el-dropdown-item><el-dropdown-item @click.native="uploads(1)">员工基本信息</el-dropdown-item>
element-ui 下拉el-dropdown-item添加点击事件@click无效怎么回事
热门推荐
肖肖肖丽珠的博客
09-30 1万+
&lt;el-dropdown trigger="click" v-if="hasPower('120303')||hasPower('120304')"&gt;                                           &lt;span class="el-dropdown-link"&gt;                                      ...
el-dropdown下拉框点击事件，获取点击选项的值和label
Dolores_zsq的博客
05-09 1990
用数组的find方法找到点击选项的lineName值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值