vue下拉列表没有内容

vue请求回来的值能打印出来但下拉列表却是白的是什么原因的？求指教

 <el-form-item label="编号" prop="snumber">
          <el-select v-model="form.snumber" placeholder="请选择" style="width: 200px;">
            <el-option v-for="item in deptOptions" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
          </select>
        </el-form-item>
 getTreeselect() {
        zdbhManagement().then(res => {
          // this.deptOptions.snumber = res.data.map(item =>item.deptId)
          this.deptOptions = res.data.map(item => item.deptId)
          console.log(this.deptOptions)
        });
      },

你那个数组没有key

<el-select v-model="form.snumber" placeholder="请选择" style="width: 200px;">
            <el-option v-for="item in deptOptions" :key="item" :label="item" :value="item">
            </el-option>
          </el-select>

你数组格式要是这样的
[
{ label:"名称" ,value:"value值" }
]

1.你对v-for 和 el-select的用法不熟悉,
2.正确的写法

 <el-form-item label="编号" prop="snumber">
          <el-select v-model="form.snumber" placeholder="请选择" style="width: 200px;">
            <el-option v-for="item in deptOptions" :key="item" :label="item" :value="item">
            </el-option>
          </el-select>
          </select>