关于动态components的使用 动态渲染表单组件

有时候需要的组件不确定就要引入多个组件 如下

<component
              :is="componentMapping(formModel.questionType)"
              :data="formModel"
/>

//参数data是引入组件的接收的prop所以可以自由绑定

通过方法判断当前需要的组件

//需要动态判断显示的组件
import yy from './yy.vue'


function componentMapping () {
  if (xxx === 'yyy') {
    return yy//返回所要绑定的组件
  }
}
//满足条件则为 <yy :data="formModel"/>