Vue Dialog 中el-select 和el-date-picker选择后不展示选中内容,遇坑记录

最新推荐文章于 2025-04-21 17:40:19 发布

不懂代码的小石

最新推荐文章于 2025-04-21 17:40:19 发布

阅读量1.5k

点赞数 1

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_44387725/article/details/118492606

版权

Vue Dialog 中el-select 和el-date-picker选择后不展示选中内容,遇坑记录

直接放代码

    <div class="searchBox" :style="{ width: searchBoxWidth }">
      <div class="inputBox" v-for="(item, index) in searchArr" :key="index">
        <span>{
  { item.name }}:</span>
        <!-- <input type="text" v-model="searchObj.name" style="width: 140px" /> -->
        <el-input
          v-model="searchObj[item.field]"
          :style="{ width: item.width ? item.width : '140px' }"
          v-if="item.type == 1"
        >
        </el-input>
        <el-select
          v-if="item.type == 2"
          v-model="searchObj[item.field]"
          :placeholder="item.placeholder ? item.placeholder : ''"