VUE & Element UI el-select undefined

最新推荐文章于 2025-05-19 14:30:25 发布

原创最新推荐文章于 2025-05-19 14:30:25 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #elementui #vue.js

前端专栏收录该内容

4 篇文章

订阅专栏

本文探讨了Vue框架下el-select组件的change事件绑定Bug及其解决方案，同时揭示了ElementUI中el-form-item与col标签使用误区。重点在于如何正确处理v-model绑定和click事件，以及合理嵌套col标签以保持组件交互性。

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

VUE & Element UI

el-select 组件通过 change 绑定获取 optnion 值 Bug 永远返回 undefined，通过 option 绑定 click.native 解决；

<el-form-item label="编号ID" prop="snId">
          <el-select
            v-model="form.snId"
            value-key="id"
            placeholder="请选择产品"
            filterable
            remote
            :remote-method="remoteQuerySnIdSelect"
            @blur="selectSnIdSelectBlur"
          >
            <el-option
              v-for="item in snIdOptions"
              :key="item.id"
              :label="item.product"
              :value="item.inSn"
              @click.native="changeSnIdSelect(item)"
            ></el-option>
          </el-select>
        </el-form-item>