解决思路:
1.由于uni-app 微信小程序不支持 component,可以使用flex 布局中的order属性
2.order 属性: 设置或检索弹性盒模型对象的子元素出现的順序。
js:
例:后台返回一个排序数组 model_list【模块1,模块3,模块2,模块5,模块4】,根据该数组在页面顺序展示
// js 使用 order (模块少的可以用这种方法) uni-app 微信小程序
model_list.map( (item,index)=>{
switch(item){
case:'模块1'
this.siteLiveOrder = index
break;
...
}
})
// html
<view :style="{ order: siteLiveOrder }">
<!-- 组件 -->
<siteLive :formDate="formDate" />
</view>
<view :style="{ order: }">
<!-- 组件 -->
</view>
// 使用 component 标签 uni-app H5
<view v-for="(item, index) in moduleList" :key="index" class="item">
<component :is="item" :formDate="formDate" v-if="onShowIndex !== 0" />
</view>