如何根据后台返回的数据动态添加element-ui组件

• Z时代
• 2024-03-10
• 分类：IT

根据后台返回的数据来显示页面的内容 ，比如后台返回有关button组件的内容和input组件的内容，这时页面上需要渲染button组件和input组件，这种需求可以用vue实现吗，如何实现.....

回答：

1

2

• 22
• 33
• 44

回答：

可以跟后台规定一种格式，里面有每一个组件的type、text等其他属性，页面上把每一种type的vue结构写好，根据不同的type渲染不同的组件。

回答：

可以实现，"动态表单"的基本思路就是这样整的。可以和后端针对不同类型的组件进行数据结构的定义、区分。比如数组对象中用一个type字段来表示将要渲染的组件的类型。 后端返回的数据结构类似如下：

data:[
 {
   type: 'mButton',
   data: {
    props:{
    }
   }    
},
 {
   type: 'mInput',
   data: {
    event: ['click']
   }    
}
]

等等，然后根据拿到的这个数组去进行循环渲染就行

以上是 如何根据后台返回的数据动态添加element-ui组件 的全部内容， 来源链接： utcz.com/p/937444.html