因此需要自定义点击事件,也就是需要添加原生的点击事件。 2、添加点击事件 使用@click.native=“”,此时就可以实现点击事件了。 代码语言:javascript 复制 <el-dropdown>下拉菜单<el-dropdown-menu slot="dropdown"><el-dropdown-item @click.native="handleClick('0')">黄金糕</el-dropdown-item><el-dropd...
<el-dropdown-menuslot="dropdown"><el-dropdown-itemicon="el-icon-info">info</el-dropdown-item><el-dropdown-itemicon="el-icon-error"@click.native="exitSystem">exit</el-dropdown-item></el-dropdown-menu>//此时点击exit是可以触发事件 vue @click.native 原生点击事件: 1,给vue组件绑定事件时...
el-dropdown-item没有自定义click事件, 两个解决办法:使用原生click事件@click.native = "logout"使用...
🎉 A Vue.js 3 UI Library made by Element team. Contribute to element-plus/element-plus development by creating an account on GitHub.
el-dropdown-item添加点击事件 1、问题 Vue引入Element-ui框架,使用其DropDown组件时,发现官网教程并没有给出el-dropdown-item点击事件的使用方法。因此需要自定义点击事件,也就是需要添加原生的点击事件。 2、添加点击事件 使用@click.native=“”,此时就可以实现点击事件了。
<DropdownMenuslot="list"><DropdownItem@click.native="clickPayButton(payWay)">{{payWay.names}}</DropdownItem></DropdownMenu> 三、解释 关于vue中@click.native 作用:[给组件绑定原生事件] 例子:如果使用router-link标签,加上@click事件,绑定的事件会无效因为:router-link的作用是单纯的路由跳转,会阻止clic...
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-...
el-dropdown-item没有自定义click事件, 两个解决办法: 使用原生click事件 @click.native = "logout" 使用菜单项的指令事件 <el-dropdown @command="handleCommand"> <el-dropdown-item command="logout">退出登录</el-dropdown-item> methods: { handleCommand(command) { if (command === 'logout') {...
在vue项目中使用element的el-dropdown-item标签时 给标签添加click事件 初始时按照正常写法 <el-dropdown-item@click="click()"></el-dropdown-item> 发现点击没反应 花了点时间查找后发现,对于这个标签的点击事件需要这样写才能生效 <el-dropdown-item@click.native="click()"></el-dropdown-item> ...