7***@qq.com
7***@qq.com
  • 发布:2021-05-17 15:19
  • 更新:2023-05-22 13:53
  • 阅读:2397

uniapp 如何动态加载组件

分类:uni-app

比如现在页面渲染 a b c d四个组件,通过后台控制现在渲染成 b a d c

2021-05-17 15:19 负责人:无 分享
已邀请:
木杉丶

木杉丶 - 你喜或悲,他也都在那里

建议你说详细点,你是想一个一个渲染顺序不同,还是说要渲染别的组件,建议你把要求说详细点,最好是有类似demo

  • 7***@qq.com (作者)

    比如首页默认有,nav banner icon list 四个组件引入,后台编辑了组件顺序 banner nav icon list ,前端要把默认的组件重新渲染成 banner nav icon list。

    2021-05-17 17:41

  • 木杉丶

    回复 7***@qq.com: 我怎么感觉你这不是渲染顺序不顺序的问题把,你这好像是想让所有东西排列在一个首页,然后首页展示出来的效果位置不一样是不是这样。

    2021-05-17 18:20

  • 7***@qq.com (作者)

    回复 木杉丶: 是的,比如首页有10个子组件,每个子组件的样式不一样,我要根据后台传的【name】,来显示子组件,我目前想到的方法就是这个,把所有的组件引入进去,然后根据后台传过来的 数组【name】去循环,这样来达到效果

    2021-05-18 09:37

程序员小鸿

程序员小鸿

请问你解决了吗,component不支持动态渲染is

  • 木杉丶

    直接去用uView里面提供的好像可以用

    2022-02-14 11:52

  • 1***@qq.com

    回复 木杉丶: 请问怎么使用? uView有提供component吗,我在官方文档没看到呢? 我直接使用component里面is 如果传递变量是会报错的呀

    2022-03-18 17:56

  • 程序员进阶史

    回复 木杉丶: 节点布局信息吗

    2022-04-02 16:12

徳傲

徳傲

vue3可以用这种方式:import.meta.globEager("/pages/test/*/.vue");

参考:https://ext.dcloud.net.cn/plugin?id=12558

Diligent_UI

Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

使用v-if判断一下吧

西恩十月

西恩十月

直接v-for v-if 一把梭完事了,component :is 是契合你的需求的,不过uni-app暂不支持component :is

  • 徳傲

    支持,看我的回复

    2023-05-22 13:55

  • 西恩十月

    回复 徳傲: 小程序跟vue2支持吗

    2023-05-23 13:52

  • 徳傲

    回复 西恩十月: vue2就不是用这个方式了,我在做app,就是在app上试过

    2023-05-23 14:16

  • 西恩十月

    回复 徳傲: 好的谢谢,我做vue3的时候用这个组件试试 ^_^

    2023-05-24 10:24

要回复问题请先登录注册