[Form Generator][一期替代方案]调用接口数据到opitions

el-cascader的数据调用

设置新增私有属性 (private_: {assField: ‘’},) 需要每个组件里面都添加(位置组件config.js)

// 选择型组件 【左面板】
export const selectComponents = [
  {
    __config__: {
      private_: {assField: ''},

新增控制层的代码

• 代码位置RightPanel.vue(可以使用全局搜索RightPanel找位置)

   
     
     
   
 
 // js代码 this.static.config下的对应配置数组是提前放置的
assFieldChange (val) {
  console.log('val', val, this.activeData)
   // 0普通 1 人力资源 2 部门 3 职位/岗位
   if (val === '1') {
     console.log('人力资源')
     this.activeData.options = this.static.config.staffs
     this.activeData.props.props.children = 'children'
   }
   if (val === '2') {
     console.log('部门')
     this.activeData.options = this.static.config.deps
     this.activeData.props.props.children = 'son'
   }
   if (val === '3') {
     console.log('职位/岗位')
     this.activeData.options = this.static.config.positions
     this.activeData.props.props.children = 'children'
   }
 },

控制的UI

点击操作之后

暂时的替代方案就可以,