<el-table :data="processNodelist" style="width: 100%" border stripe>
 <el-table-column type="index" label="序號" width="50"></el-table-column>
 <el-table-column prop="nodename" label="流程節(jié)點(diǎn)名稱"></el-table-column>
 <el-table-column label="處理人名稱">
 <template slot-scope="scope">
 <el-select v-model="scope.row.proJbruserValue" @focus="getDatalist(scope.row)" placeholder="請選擇" filterable allow-create>
 <el-option v-for="item in projectJbrUserlist " :key="item.id" :label="item.username" :value="item.id">
 </el-option>
 </el-select>
 </template>
 </el-table-column>
</el-table>
<el-button @click="submitConfigHandle" type="primary" size="mini" icon="el-icon-upload">提交配置</el-button>

data() {
 return {
  processNodelist: [], // 流程節(jié)點(diǎn)數(shù)據(jù)
  projectJbrUserlist: [], // 處理人員數(shù)據(jù)
  nodeidlist: [], // 所有流程節(jié)點(diǎn)Id
  selectedUserlist: [], // 被選中的處理人員id數(shù)組
 }
},
created() {
 this.getProcessNodelist();
},
methods: {
 // 查詢流程節(jié)點(diǎn)數(shù)據(jù)
  async getProcessNodelist() {
   const { data: res } = await this.$http.post('querynode', {
    userid: this.sessionInfo.userid,
    sid: this.sessionInfo.session,
    developerid: this.sessionInfo.companyId
   });
   if (res.code !== 0) {
    return this.$message.error('獲取流程節(jié)點(diǎn)數(shù)據(jù)失敗');
   }
   this.processNodelist = res.msg;
  },
  // select下拉框獲取焦點(diǎn)的時候查詢id對應(yīng)的下拉框數(shù)據(jù)源
  async getDatalist(row) {
   const { data: res } = await this.$http.post('query', {
    userid: this.sessionInfo.userid,
    sid: this.sessionInfo.session,
    queryid: 9,
    nodeid: row.nodeid
   });
   if (res.code !== 0) {
    return this.$message.error('獲取處理人數(shù)據(jù)失敗');
   }
   this.projectJbrUserlist = res.msg;
  },
  // 提交流程配置接口
  async submitConfig() {
   const { data: res } = await this.$http.post('bindTask', {
    userid: this.sessionInfo.userid,
    sid: this.sessionInfo.session,
    flowid: 9,
    table_name: 'pt_base',
    key_value: this.sessionInfo.proId,
    nodeid: this.nodeidlist,
    uid: this.selectedUserlist
   });
   if (res.code !== 0) {
    return this.$message.error('流程節(jié)點(diǎn)配置失敗');
   }
   this.$message.success('流程節(jié)點(diǎn)配置成功');
  },
  // 發(fā)起請求
  submitConfigHandle() {
   // 循環(huán)流程節(jié)點(diǎn)數(shù)組將所有nodeid取出添加到新數(shù)組
   for (let i = 0; i < this.processNodelist.length; i++) {
    this.nodeidlist.push(this.processNodelist[i].nodeid);
   }
   // 循環(huán)流程節(jié)點(diǎn)數(shù)組將所有被選擇的處理人員id ：proJbruserValue取出添加到新數(shù)組
   for (let i = 0; i < this.processNodelist.length; i++) {
    this.selectedUserlist.push(
     this.processNodelist[i].proJbruserValue
    );
   }
   // 調(diào)用接口函數(shù)
   this.submitConfig();
  }
}

<el-option v-for="item in getdatalist(scope.row) "> </el-option>

getdatalist(row) {
 const id = row.nodeid;
 if ( id === '1') {
  return this.data1 
 } else if (id === '2') {
  return this.data2
 }
}