Vue 怎么根据json动态渲染element自定义组件

中文
,
#1

比方说[{type:img},{type:img},{type:input}]
可以渲染成
image

#2

可以参考这里：https://www.jianshu.com/nb/49384187

#3

你这个 自定义组件 是固定的

#4 
//setup
const nodes = [{type:img}, {type:img}, {type:input}]
const render(){
  h('div',nodes.map((row) => h(type,{...})))
}
return render

或

<template>
  <div>
    <template v-for="row of nodes" ...>
      <component :is="row.type" ... />
    </template>
  </div>
</template>

不管用什么方法具体的创建方法你都需要定义

#5

非常感谢 非常感谢 非常感谢 非常感谢

#6

如果用jsx 怎么把axios写进去。。。 我要根据axios返回值渲染。。

#7

emmmm，jsx我不太了解，但是该怎么写就怎么写啊
我随便写的模拟了下(测试过)

//setup 
const nodes = ref()
onMounted(() => {
  // TODO: Axios
  nodes.value = ...
})
return () => <div>{nodes.value.map(e => /*定制化内容*/(<e.type></e.type>))}</div>