vue-ele-form 可以很简单实现扩展,以下是扩展的集合,如果您自己开发并开源了自己的form组件,可以在下方评论,会收集放到列表里:



第三方扩展的使用

方法1:全局注册并使用


第一步:注册


import EleForm from 'vue-ele-form'
import EleFormXxx from 'vue-ele-form-xxx'
// 首先引用 ele-form
Vue.use(EleForm, {
    xxx: {
    // 配置全局属性
  }
})

// 注册组件
Vue.component(‘xxx’, EleFormXxx)


第二步:使用


formDesc: {
  test: {
    label: 'test',
    type: 'xxx', // 只需要在这里指定为 组件名 即可
    attrs: {
      // xxxx
    }
  }
}


方法2:局部使用


import EleFormXxx from 'vue-ele-form-xxx'

export default {
    formDesc: {
    test: {
      label: 'test',
      type: EleFormXxx, // 这里直接写上面引入的组件
      attrs: {
        // xxxx
      }
    }
  }
}