uni-app可以开发各类小程序、手机app、网站等,大家在开发uni-app与小程序时用到的for内容渲染略有不同,但大致结构都是差不多的。下面为大家介绍uni-app中的循环渲染如何使用。
工具/原料
电脑、HbuilderX
方法/步骤
1、首先要用uni瞢铍库祢app开发软件需要用到一款开发工具,比如HbuilderX,大家可以在百度直接搜索Hb锇栀劐箨uilderX进入官方进行下载。下载过程是非常简单的,直接按照指引就行。下载完成后打开HbuilderX,创建一个项目,如图,选择uniapp
2、创建完成后添加一个view外部视图,在view中输入v-for="(item,坡纠课柩index)inlist媪青怍牙":key="index"。其中list是需要循环遍历的列表,是需要自己命名的,item是list循环后的一个项,也是自己定义的
3、list中的内容可以放到data中,如果是需要经常改动的可以放入数据库,然后从数据库中调取并进行渲染。
4、完成后可保存然后在浏览器中运行,这样就可以看到简单的效果了。