在el-dropdown-item 元素上添加一个点击事件监听器: 由于el-dropdown-item 是一个组件而非原生的 DOM 元素,因此你需要使用 .native 修饰符来监听其根元素的原生点击事件。这样,Vue 才能正确地将点击事件绑定到组件上。 vue <el-dropdown-item @click.native="handleClick">点击我</el-dropdown-it...
Vue引入Element-ui框架,使用其DropDown组件时,发现官网教程并没有给出el-dropdown-item点击事件的使用方法。因此需要自定义点击事件,也就是需要添加原生的点击事件。 2、添加点击事件 使用@click.native=“”,此时就可以实现点击事件了。 代码语言:javascript 代码运行次数:0 运行 AI代码解释 <el-dropdown>下拉菜单<...
初始代码: <el-dropdown-menuslot="dropdown"><el-dropdown-itemicon="el-icon-info">info</el-dropdown-item><el-dropdown-itemicon="el-icon-error"@click="exitSystem">exit</el-dropdown-item></el-dropdown-menu>//此时点击exit是无效的 加上native <el-dropdown-menuslot="dropdown"><el-dropd...
<el-dropdown-item@click.native="logout"> 退出登录 </el-dropdown-item> logout() { // 组件默认是不识别原生事件的,除非内部做了处理 console.log(111); }, 你可能有很多次想要在一个组件的根元素上直接监听一个原生事件。这时,你可以使用 v-on 的 .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-...
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') {...
el-dropdown-item添加点击事件无效（vue）el-dropdown-item添加点击事件⽆效（vue）如图 ⽆效！！！为什么呢？？想了⼀下，可能是因为 el-dropdown-item 没有⾃定义click事件 so！解决办法就是添加原⽣事件 :@click.native 还有⼀个⽅法就是使⽤框架⾃带的指令 嗯，⼩问题⼀个。
el-dropdown-menu__item.is-disabled { pointer-events: auto !important; cursor: not-allowed; } 不过会产生一个新问题,就是:禁用项的样式虽然是有了,但是禁用项也可以点击了。这个就是不应该的,当然有问题就会有解决方案,我们可以通过js去控制是否可以点击。至于怎么控制,我们先看一下官方文档。 然后我们打...
使用element-UI的el-dropdown时绑定@click，click事件不触发？el-dropdown-item没有自定义click事件, 两...
<DropdownMenuslot="list"><DropdownItem@click.native="clickPayButton(payWay)">{{payWay.names}}</DropdownItem></DropdownMenu> 三、解释 关于vue中@click.native 作用:[给组件绑定原生事件] 例子:如果使用router-link标签,加上@click事件,绑定的事件会无效因为:router-link的作用是单纯的路由跳转,会阻止clic...