远端数据

单选框,多选框,下拉选择框等选择项需要通过数据生成,这时可以配置远端数据

  1. 设置远端数据获取方法名,选项值(用于选择项真实获取的值),选项标签(用于选项展示的值)

  1. 调用 fm-generate-form 渲染组件,使用设计器中设置好的方法获取数据
<fm-generate-form 
  :data="jsonData" 
  :remote="remoteFuncs" 
  :value="editData" 
  ref="generateForm">
</fm-generate-form>
remoteFuncs: {
  func_test (resolve) {
    // 下拉选择框 select_1566990949275
    // 获取到远端数据后执行回调函数
    // resolve(data)
    // 模拟数据获取
    setTimeout(() => {
      const options = [
        {value: 'value1', label: 'label1'},
        {value: 'value1', label: 'label1'},
        {value: 'value1', label: 'label1'},
      ]
      // 对象中 value、label 是设计器中配置的值和标签
      resolve(options)
    }, 2000)
  },
}

可以通过【生成代码】快速获取需要绑定远端数据的方法,结构如上图,获取数据后必须调用 resolve 回调方法将值赋给组件

  1. 查看效果