vue element 下拉不生效问题

最新推荐文章于 2023-05-31 18:09:55 发布

原创最新推荐文章于 2023-05-31 18:09:55 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #前端

前台问题专栏收录该内容

5 篇文章

订阅专栏

在Vue项目中遇到一个元素下拉菜单显示数据的问题，尽管数据已正确赋值，但页面上并未显示。问题出在从统一对象的属性中获取数据并使用指针的方式。正常情况下，`v-for`循环遍历`options`对象并显示数据。而在问题代码中，尝试遍历`dictsAll.taskSourceType`并用`index`作为键，这导致了显示异常。修复这个问题需要进一步排查数据绑定和循环引用的细节。

问题描述：

element下拉给定了下拉数据，但是页面就是不显示，看起来写法也没什么问题

原因：

对选项数据源for循环的时候我的数据是从一个统一下拉对象的属性里取的，我又使用了指针

正常写法：

<el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>

我的问题写法

<el-select v-model="searchForm.sourceType" placeholder="请选择">
              <el-option
                v-for="(item,index) in dictsAll.taskSourceType"
                :key="item.index"
                :label="item.text"
                :value="item.value"
              />
            </el-select>