我在用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无用举报 编辑记录
分享
- 2023-01-29 16:49回答 4 已采纳 v-for就可以了例如后端返回num字段为10前端在template中使用v-for循环组件 <card v-for='(item, index) in num'></card>
- 2021-09-18 09:53回答 4 已采纳 把不同的表单做成子组件吧，例如 Form1.vue(假设name 是form1), Form2.vue(假设name 是form2), Form3.vue(假设name 是form3),然后再封装一层
- 2022-06-17 18:17回答 2 已采纳 又看了一遍v3官网文档才反应过来，其实就是通过数组[val, "arg", ["a", "b"]传递值，自定义指令的参数，修饰符😓
- 2021-08-23 16:06hjh811的博客 很多时候需要脚本的方式动态加载自定义组件，代码列子如下 const my-comoponent = () => import('../components/my-comoponent.vue') var toolborVM = new Vue({ template: '<my-comoponent:toolData=...
- 2022-06-09 11:06回答 3 已采纳 好像是因为后台返回的图片数据为null，具体原因忘了，加了v-if判断后就可以了
- 2022-02-03 19:36回答 2 已采纳 在Home路由处用 redirect 去重定向到子路由 不要给子路由设置 '' 逻辑上来说会报错的，这种写法本身是有问题的
- 2022-06-20 14:22回答 2 已采纳 JSX组件1.默认暴露可以直接const loading = defineAsyncComponent(() => import('@/components/loading'));2.分别暴露的
- 2024-02-06 22:14富朝阳的博客 在项目中使用静态加载组件基本能覆盖80%的场景了，如下图但是我们在需要循环生成一些的component的时候或者在就会遇到有些组件以静态方式导入就会报错，导致进程失败，那么这时候就需要用到动态组件。那么怎么去实现...
- 2022-10-02 23:03回答 2 已采纳 你对视图使用v-if，当为真是显示的视图入口，所有视图内容都加载，当为假时，没有视图入口，视图入口都消失。所以都看不见。以下方法可以试一试解决方法1:不采用route-view，直接将两个视图组件都写
- 2022-06-29 17:13回答 2 已采纳 created 不能用async啊
- 2021-02-25 11:07回答 2 已采纳 可以使用计算属性返回动态组件 { computed: { component () { if (!this.componentName) { retu
- 2023-04-18 16:28inticaler的博客 vue2，vue3挂载自定义组件
- 2023-01-10 15:33回答 2 已采纳 你看你的方法有触发嘛？没见你写语法糖 再有我这边看你用到了 v-if 注意一下父子组件的渲染顺序，在你做数据传递的时候不排除你的子组件并没有渲染
- 2023-09-01 09:24怎么可能有BUG_无语的博客 错误写法：（这样写会导致页面加载时就自动调用editData(row)，然后button的onclick方法失效）,部分组件达不到自己的预期，但是又是通用的，所以这时候就想整个自定义组件了；这样一个简单的自定义组件就完成了，先...
- 2023-03-07 09:47答案也简单，就是自定义封装一个组件来实现。我们的目标是传入一个数据字典的类型编码，组件内部调用后端API，完成数据的加载与存储，在选择项变化时，自动更新绑定的对应的业务实体的属性值。同时，在业务实体的...
- 没有解决我的问题, 去提问
问题事件
系统已结题
2月8日
已采纳回答
1月31日-
创建了问题
1月29日
悬赏问题
- ¥15 2024-五一综合模拟赛
- ¥15 如何将下列的“无限压缩存储器”设计出来
- ¥15 下图接收小电路，谁知道原理
- ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线，如何释放宽带全部速度
- ¥30 关于#r语言#的问题：如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
- ¥15 ETLCloud 处理json多层级问题
- ¥15 matlab中使用gurobi时报错
- ¥15 这个主板怎么能扩出一两个sata口