有如下一个列表，将数据循环传递给子组件，实现业务解耦，组件拆分Vue的正常逻辑是，父组件和子组件的数据传递的是一个对象，属于引用传递，可以直接在子组件中修改数据，父组件中也会变化，它们操作的是同一个数据。uni-app子组件中修改 H5正常，转为微信小程序后修改失败解决办法是：将修改的数据以事件的方式传递给父组件，在父组件中修改数据列表 List.vue<template> &...

文章 2023-01-08 来自：开发者社区

uni-app入门:WXML列表渲染与条件渲染

正文 WXML全称：wexin markup language,微信标签语言，可以理解为web中的html，今天来讲一下列表渲染，通过几个小案例掌握基本的使用，以下均以index页面进行讲解。1.列表渲染1.1wx:for uniapp中使用wx:for进行列表渲染数据展示，其中默认索引形参为index，索引对应的值的形参默认为item。现自定....

共有7条

< 1 >

跳转至： GO

更新时间 2024-02-18 09:07:00

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

APP您可能感兴趣

产品推荐

{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://img.alicdn.com/imgextra/i2/O1CN017FgGOF1GeN2C8hjWx_!!6000000000647-1-tps-3840-740.gif","icon":"","iconImg":"https://img.alicdn.com/imgextra/i4/O1CN01HTbnvZ1zYYlhbjXKj_!!6000000006726-0-tps-200-200.jpg","contentLink":"https://www.aliyun.com/product/cloudcomm/cams","title":"ChatApp 消息服务","des":"ChatApp消息引擎向您的用户发送验证类、通知类、营销类等消息，用户可以回信息给您，API接口简单快速接入，无论您来自哪个行业都能够提供更准确形象内容给用户。","link1":"https://www.aliyun.com/product/cloudcomm/cams","btn1":"产品详情页","link2":"https://cams.console.aliyun.com/?spm=5176.28189291.J_2883378880.3.554876de9XPQ7d","btn2":"产品控制台","btn3":"","link3":"","infoGroup":[{"infoName":"产品入门","infoContent":{"firstContentName":"产品文档","lastContentName":"快速入门","firstContentLink":"https://help.aliyun.com/product/171882.html","lastContentLink":"https://help.aliyun.com/document_detail/172345.html"}},{"infoName":"最新动态","infoContent":{"firstContentName":"动态与公告","firstContentLink":"https://help.aliyun.com/document_detail/615989.html","lastContentName":"更新记录","lastContentLink":"https://help.aliyun.com/document_detail/608746.html"}}]}],"card":[],"search":[],"infoCard":[{"bannerUrl":"https://img.alicdn.com/tfs/TB1Xf81a3gP7K4jSZFqXXamhVXa-5169-974.jpg","bannerTitle":"mPaaS 小程序","bannerContent":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。<br>不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","liveButtonName":"查看详情","liveButtonLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","contentTitle":"提供即开即用的端上体验","homePageLink":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709BussF3&commodityCode=mpaas_beta#/open","homePageName":"免费试用","linkGroup":[{"linkContent":"发布包大小极致优化，节省流量和存储。"},{"linkContent":"服务迭代不再受发版限制，快速发布，快速迭代。"},{"linkContent":"业务开发效率更加优秀，一次开发，多端运行。"}]}],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"ifIcon":"img","link":"https://img.alicdn.com/imgextra/i2/O1CN017FgGOF1GeN2C8hjWx_!!6000000000647-1-tps-3840-740.gif","icon":"","iconImg":"https://img.alicdn.com/imgextra/i4/O1CN01HTbnvZ1zYYlhbjXKj_!!6000000006726-0-tps-200-200.jpg","contentLink":"https://www.aliyun.com/product/cloudcomm/cams","title":"ChatApp 消息服务","des":"ChatApp消息引擎向您的用户发送验证类、通知类、营销类等消息，用户可以回信息给您，API接口简单快速接入，无论您来自哪个行业都能够提供更准确形象内容给用户。","link1":"https://www.aliyun.com/product/cloudcomm/cams","btn1":"产品详情页","link2":"https://cams.console.aliyun.com/?spm=5176.28189291.J_2883378880.3.554876de9XPQ7d","btn2":"产品控制台","btn3":"","link3":"","infoGroup":[{"infoName":"产品入门","infoContent":{"firstContentName":"产品文档","lastContentName":"快速入门","firstContentLink":"https://help.aliyun.com/product/171882.html","lastContentLink":"https://help.aliyun.com/document_detail/172345.html"}},{"infoName":"最新动态","infoContent":{"firstContentName":"动态与公告","firstContentLink":"https://help.aliyun.com/document_detail/615989.html","lastContentName":"更新记录","lastContentLink":"https://help.aliyun.com/document_detail/608746.html"}}]}],"card":[],"search":[],"infoCard":[{"bannerUrl":"https://img.alicdn.com/tfs/TB1Xf81a3gP7K4jSZFqXXamhVXa-5169-974.jpg","bannerTitle":"mPaaS 小程序","bannerContent":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。<br>不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","liveButtonName":"查看详情","liveButtonLink":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","contentTitle":"提供即开即用的端上体验","homePageLink":"https://common-buy.aliyun.com/?spm=5176.14673561.J_8751524360.2.56702709BussF3&commodityCode=mpaas_beta#/open","homePageName":"免费试用","linkGroup":[{"linkContent":"发布包大小极致优化，节省流量和存储。"},{"linkContent":"服务迭代不再受发版限制，快速发布，快速迭代。"},{"linkContent":"业务开发效率更加优秀，一次开发，多端运行。"}]}],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}}

ChatApp 消息服务

ChatApp消息引擎向您的用户发送验证类、通知类、营销类等消息，用户可以回信息给您，API接口简单快速接入，无论您来自哪个行业都能够提供更准确形象内容给用户。

产品详情页

产品控制台

产品入门

产品文档

快速入门