表單設計器FormMaking+Vue - 遠程獲取數據

FormMaking 的使用教程這里就不贅述了，不會的請看官方文檔。

因為官方文檔中對遠程獲取數據的介紹不是很清楚，所以這里只說 獲取遠程數據的實現方法。

遠端數據

1.單選框，多選框，下拉選擇框等選擇項需要通過數據生成，這時可以配置遠端數據

設置遠端數據獲取方法名，選項值（用於選擇項真實獲取的值），選項標簽（用於選項展示的值）

2.調用 fm-generate-form 渲染組件，使用設計器中設置好的方法獲取數據

<fm-generate-form 
  :data="jsonData" 
  :remote="remoteFuncs" 
  :value="editData" 
  ref="generateForm">
</fm-generate-form>

// 注意： 下面的內容要放到 data 中
remoteFuncs: {
  func_test (resolve) {
    // 下拉選擇框 select_1566990949275
    // 獲取到遠端數據后執行回調函數
    // resolve(data)
    // 模擬數據獲取
    setTimeout(() => {
      const options = [

　　　　{value: 'value1', label: 'label1'},

              {value: 'value2', label: 'label2'},

              {value: 'value3', label: 'label3'}

      ]
      // 對象中 value、label 是設計器中配置的值和標簽
      resolve(options)
    }, 2000)
  },
}

注意：remoteFuncs 要放在data 中，remoteFuncs是一個對象，對象中的屬性值是獲取遠程數據的方法。獲取數據后必須調用 resolve 回調方法將值賦給組件。 

3.效果：