vue2.0结合Element实现select动态控制input禁用

最新推荐文章于 2025-05-28 21:34:11 发布

郭宝

最新推荐文章于 2025-05-28 21:34:11 发布

阅读量3.4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Web前端

本文链接：https://blog.youkuaiyun.com/qq_35366269/article/details/82866323

Web前端专栏收录该内容

284 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了如何在Vue2.0项目中结合Element UI库，通过Select组件的选择项来动态控制Input字段的禁用状态。通过示例代码和展示效果，详细解释了实现这一功能的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

<template>
    <div>

        <div>===========vue2.0结合Element实现select动态控制input禁用===========</div>
        <el-form :inline="true" :model="formInline" class="demo-form-inline">

          <el-form-item label="活动区域">
            <el-select v-model="formInline.region" @change="inputToDisabled(formInline.region)" placeholder="活动区域">
              <el-option label="上海" value="1"></el-option>
              <el-option label="北京" value="2"></el-option>
            </el-select>
          </el-form-item>

          <el-form-item label="审批人">
            <el-input v-bind:disabled="disabledInput" v-model="formInline.user" placeholder="审批人"></el-input>
          </el-f

了解本专栏