养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

uni-app中的内容渲染

时间:2024-10-22 05:07:32

uni-app可以开发各类小程序、手机app、网站等,大家在开发uni-app与小程序时用到的for内容渲染略有不同,但大致结构都是差不多的。下面为大家介绍uni-app中的循环渲染如何使用。

工具/原料

电脑、HbuilderX

方法/步骤

1、首先要用uni瞢铍库祢app开发软件需要用到一款开发工具,比如HbuilderX,大家可以在百度直接搜索Hb锇栀劐箨uilderX进入官方进行下载。下载过程是非常简单的,直接按照指引就行。下载完成后打开HbuilderX,创建一个项目,如图,选择uniapp

uni-app中的内容渲染

2、创建完成后添加一个view外部视图,在view中输入v-for="(item,坡纠课柩index)inlist媪青怍牙":key="index"。其中list是需要循环遍历的列表,是需要自己命名的,item是list循环后的一个项,也是自己定义的

uni-app中的内容渲染

3、list中的内容可以放到data中,如果是需要经常改动的可以放入数据库,然后从数据库中调取并进行渲染。

uni-app中的内容渲染

4、完成后可保存然后在浏览器中运行,这样就可以看到简单的效果了。

© 一点知识