若依分离版使用笔记，动态获取数据作为下拉框

动态获取数据库里面的用户数据，作为下拉框数据

1. 引入
    import {listUser} from '@/api/system/user.js'

2. 数组
 export default {
  name: "Entrance",
  data() {
    return {
        //用户
        userData: [],
        }
     }
}
3. 添加初始加载
created() {
  this.getUserList();
},
3. 查询
methods: {
  /** 查询用户列表 */
  getUserList() {
    listUser().then(response => {
      //console.log(response)
      this.userData = response.rows;
    })
  },

4. 在新增和修改方法中添加
    /** 新增按钮操作 */
    handleAdd() {
      this.getUserList();
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.getUserList();
      
    },

5. 在对话框中修改负责人
<el-form-item label="负责人" prop="supervisor">
  <el-select v-model="form.supervisor" placeholder="请选择负责人">
    <el-option
      v-for="item in userData"
      :key="item.id"
      :label="item.userName"
      :value="item.userName"
    ></el-option>
  </el-select>
</el-form-item>