element 表单下拉菜单点击上下箭头失效

最新推荐文章于 2023-12-25 16:23:19 发布

原创最新推荐文章于 2023-12-25 16:23:19 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #vue.js #html #html5

vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在使用Element UI框架时遇到的问题：表单中下拉菜单的上下箭头点击后无法触发下拉事件。通过详细说明问题背景及给出解决方案，即在el-form-item上添加prop属性，帮助开发者快速定位并解决问题。

element 表单下拉菜单点击上下箭头失效

使用表单的Form-Item Slot 把label改成下拉菜单，然后点击箭头图标不触发下拉事件
在这里插入图片描述
解决办法：el-form-item上一定要加上prop

<el-form-item label="_cw('签收日期')" class="el-col-12" prop="shpTime">
     <el-select class="isBillingTime" slot="label" v-model="isBillingTime">
          <el-option label="签收时间" value="orderDateBgn"></el-option>
          <el-option label="开单时间" value="orderDateEnd"></el-option>
     </el-select>
     <tms-date-picker v-model="searchForm.shpTime" :nowDay="false"></tms-date-picker>
</el-form-item>