`

【ElementUI】elementUI el-select 中disabled设置

ElementUI 
阅读更多
<el-select v-model="userForm.roleName" placeholder="请选择用户角色" :disabled="userForm.roleName==='超级管理员'?true:false" clearable>
            <el-option label="web管理员" value="web"></el-option>
            <el-option label="运营管理员" value="yunying"></el-option>
          </el-select>

:disabled="userForm.roleName==='超级管理员'?true:false" 直接设置 true / false
分享到：
| 【单点登录SSO】什么是单点登录
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

    总结来说，本文主要解决了在element-ui的el-select组件中设置不可删除默认选项的问题，并提供了四种可能的解决思路。其中，使用Vue指令和CSS样式隐藏关闭按钮是相对简单和推荐的方法，既能够有效禁止删除操作，又...

    vue+elementui实现下拉框增加checkbox并可全选或取消（完整案例及效果图）.zip

    在上面的代码中，`el-select`是Element UI的下拉框组件，`v-model`用来绑定选定的值，`multiple`属性表示这是一个多选的下拉框。`el-option`是下拉框中的每个选项，通过`v-for`循环遍历`options`数据，`label`和`...

    elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo

    调试了好久, 还能凑合用, 请直接看DOME 示例,复制就能用: &lt;!DOCTYPE html&gt; &lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;!...

    在element-ui的select下拉框加上滚动加载

    在Element-UI中，我们需要找到包含所有选项的`&lt;el-select-dropdown&gt;`的`&lt;el-select-dropdown__wrap&gt;`元素，并对其添加滚动事件监听。这个过程可以通过创建一个自定义的Vue指令来完成。在`directives.js`文件中，定义...

    Element Input输入框的使用方法

    `&lt;el-input&gt;` 组件是最基本的输入框，可以通过 `v-model` 双向绑定数据，`placeholder` 设置占位文本。例如： ```html &lt;el-input v-model="input" placeholder="请输入内容"&gt;&lt;/el-input&gt; ``` ### 带图标的输入框 ...

    基于elementui的数据驱动表单组件

    1. **基础用法**：在Element UI中，`el-form`是表单容器，通过`model`属性绑定到Vue实例的data对象，表单内的所有输入元素如`el-input`、`el-select`等通过`prop`属性与model中的属性进行绑定。例如： ```html &lt;el...

    vue Treeselect下拉树只能选择第N级元素实现代码

    在描述中提到的代码示例中，我们看到`&lt;treeselect&gt;`组件设置了一个`:normalizer`属性，它是一个函数，用于标准化节点数据。这个函数的主要目的是处理每个节点对象，以便在组件内部正确显示和操作。 ```html :...

    Element-Ui组件 NavMenu 导航菜单的具体使用

    `disabled`属性可以设置菜单项为禁用状态，如`&lt;el-menu-item index="3" disabled&gt;`。 2. **`el-submenu`组件**： `el-submenu`用于创建子菜单，其内部包含一个`template`插槽用于自定义子菜单标题。例如： ```...

    Element NavMenu导航菜单的使用方法

    此外，`&lt;el-menu-item&gt;` 的 `disabled` 属性用于禁用某个菜单项，使其不可选，如 "消息中心"。 在JavaScript部分，我们看到一个Vue组件的实例，其中包含 `data` 和 `methods`。`data` 定义了两个变量 `activeIndex`...

    Element UI框架中巧用树选择器的实现

    本文介绍了Element UI框架中巧用树选择器的实现，分享给大家，顺便给自己留个笔记，...el-select v-model=dataArr :multiple=multiple filterable :placeholder=placeholder :disabled=disabled :collapse-tag

    浅谈Vue Element中Select下拉框选取值的问题

    一个原生的select的，因为展示效果原因，给删除掉了，忘记保存代码了，现在大家展示使用elementUI的下拉框封装一个组件，供咱们项目中经常调用，减少代码量。 html： &lt;el v-model=ite placeholder=请选择 value-key...

    下拉框值触发另一个下拉框

    在网页设计和开发中，交互性是提升用户体验的关键因素之一。"下拉框值触发另一个下拉框"这个功能就是一种常见的交互设计，通常应用于表单或者数据选择场景。这样的设计能够帮助用户根据前一个选择来过滤或定制后一个...

Magicbox
Global site tag (gtag.js) - Google Analytics