我在用vue3和ant-design-vue写一个购物项目，自定义了一个卡片组件，我该怎么在另一个页面内动态的根据我传入的数字生成相应数量的组件呢？比如，后端给我传来一个数值是10，那就应该在主页展示出10个卡片。
4条回答 默认 最新
雾里桃花 2023-01-29 16:56关注v-for就可以了
例如后端返回num字段为10
前端在template中使用v-for循环组件<card v-for='(item, index) in num'></card>本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 编辑记录
分享
- 2022-10-02 23:03回答 2 已采纳 你对视图使用v-if，当为真是显示的视图入口，所有视图内容都加载，当为假时，没有视图入口，视图入口都消失。所以都看不见。以下方法可以试一试解决方法1:不采用route-view，直接将两个视图组件都写
- 2021-09-18 09:53回答 4 已采纳 把不同的表单做成子组件吧，例如 Form1.vue(假设name 是form1), Form2.vue(假设name 是form2), Form3.vue(假设name 是form3),然后再封装一层
- 2022-08-31 19:05回答 1 已采纳 导入组件以后需要导入样式。以完整导入element-plus为例，下方完整导入了样式。 // main.ts import { createApp } from 'vue' import Elemen
- 2024-05-04 18:59下一杯奶茶的博客 < div class = " img-loading " > < Loading > </ Loading > </ div > < img class = " fade " /> </ div > </ template > < script setup > //导入loading组件 import Loading from './Loading.vue';
- 2022-06-09 11:06回答 3 已采纳 好像是因为后台返回的图片数据为null，具体原因忘了，加了v-if判断后就可以了
- 2022-06-20 14:22回答 2 已采纳 JSX组件1.默认暴露可以直接const loading = defineAsyncComponent(() => import('@/components/loading'));2.分别暴露的
- 2022-02-03 19:36回答 2 已采纳 在Home路由处用 redirect 去重定向到子路由 不要给子路由设置 '' 逻辑上来说会报错的，这种写法本身是有问题的
- 2024-07-14 15:40前端组件开发的博客 在Vue框架中，我们可以通过自定义组件的方式，实现加载中和加载结束的功能。页面加载请求：在页面进行数据请求时，可以使用加载中组件来提示用户正在加载数据，待数据加载完成后使用加载结束组件进行提示。自定义的...
- 2022-06-29 17:13回答 2 已采纳 created 不能用async啊
- 2021-02-25 11:07回答 2 已采纳 可以使用计算属性返回动态组件 { computed: { component () { if (!this.componentName) { retu
- 2023-01-10 15:33回答 2 已采纳 你看你的方法有触发嘛？没见你写语法糖 再有我这边看你用到了 v-if 注意一下父子组件的渲染顺序，在你做数据传递的时候不排除你的子组件并没有渲染
- 2024-04-07 11:34影子信息的博客 通过一个加载状态变量，通过v-if判断，加载状态的变量等于哪一个，动态加载组件内部就显示的哪一块组件。# vue3 项目涉及很多图表加载、表格加载 #考虑手写一个动态加载组件。
- 2021-08-23 16:06hjh811的博客 很多时候需要脚本的方式动态加载自定义组件，代码列子如下 const my-comoponent = () => import('../components/my-comoponent.vue') var toolborVM = new Vue({ template: '<my-comoponent:toolData=...
- 2024-07-31 22:16爱咋咋地1的博客 【代码】vue3 动态加载组件。
- 2020-10-17 12:51`form-create`是一个专为Vue设计的工具，用于动态生成表单及自定义组件，使得构建复杂的表单场景变得简单。在本文中，我们将深入探讨如何使用`form-create`来动态生成vue自定义组件和嵌套表单组件。 首先，`form-...
- 没有解决我的问题, 去提问
问题事件
系统已结题
2月8日
已采纳回答
1月31日-
创建了问题
1月29日
悬赏问题
- ¥60 优博讯DT50高通安卓11系统刷完机自动进去fastboot模式
- ¥15 minist数字识别
- ¥15 在安装gym库的pygame时遇到问题，不知道如何解决
- ¥20 uniapp中的webview 使用的是本地的vue页面，在模拟器上显示无法打开
- ¥15 网上下载的3DMAX模型，不显示贴图怎么办
- ¥15 关于#stm32#的问题：寻找一块开发版，作为智能化割草机的控制模块和树莓派主板相连，要求：最低可控制 3 个电机（两个驱动电机，1 个割草电机），其次可以与树莓派主板相连电机照片如下：
- ¥15 Mac(标签-IDE|关键词-File) idea
- ¥15 潜在扩散模型的Unet特征提取
- ¥15 iscsi服务无法访问，如何解决？
- ¥15 感应式传感器制作的感应式讯响器