1 打开一个vue文件，添加一个el-dropdown下拉框组件。如图 2 在最后一个内容为双皮奶的el-dropdown-item标签上添加disabled属性，用于设置双皮奶选项不可选中。如图 3 保存vue文件后用浏览器打开，点击下拉框菜单即可看到双皮奶显示为不可选状态。如图
<el-dropdown-item> 嵌套的下拉菜单 <el-dropdown-menuslot="dropdown"> <el-dropdown-item>子选项1</el-dropdown-item> <el-dropdown-item>子选项2</el-dropdown-item> </el-dropdown-menu> </el-dropdown-item> </el-dropdown-menu> </el-dropdown> </template> import{ElDropdown,ElDro...
el-dropdown-item添加点击事件 1、问题 Vue引入Element-ui框架,使用其DropDown组件时,发现官网教程并没有给出el-dropdown-item点击事件的使用方法。因此需要自定义点击事件,也就是需要添加原生的点击事件。 2、添加点击事件 使用@click.native=“”,此时就可以实现点击事件了。
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" /> import { onMounted, ref } from 'vue' interface ListItem { value: string label: string } const list = ref([]) const options = ref([]) const value = ref([]) const loading = re...
在vue项目中使用element-ui时,经常会用到Dropdown组件,有时需要在子菜单上添加click事件。但是官方文档中并没有给出el-dropdown-item的点击事件。 最初直接用@click加事件,点击是没效果的,若在其后加native可直接解决问题 1 2 3 4 5 6 7 <el-dropdown size="small"type="primary"> ...
这种情况改为@click.native即可。代码如下 在给Vue组件(el-dropdown-item就是一个组件)绑定事件的时候,必须加上navtive修饰符才能生效,na...
el-dropdown-item添加点击事件@click无效 初始代码: <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是无效的...
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-...
在vue项目中使用element的el-dropdown-item标签时 给标签添加click事件 初始时按照正常写法 <el-dropdown-item@click="click()"></el-dropdown-item> 发现点击没反应 花了点时间查找后发现,对于这个标签的点击事件需要这样写才能生效 <el-dropdown-item@click.native="click()"></el-dropdown-item> ...