uni-app基础知识列表渲染
<template>
<view>
这个就是开始循环的段落
<view v-for="(item, index) in students">
<view class="persons">{{index}} - {{item.name}}</view>
</view>
</view>
</template>
<script>
export default {
data: {
students : [
{name : "张三", age : 18},
{name : "李四", age : 20}
]
},
onLoad:function(options){
console.log("onLoad");
},
onHide:function(){
console.log("onHide");
},
onShow:function(){
console.log("onShow");
}
}
</script>
<style>
.persons{width:750px; line-height:2.2em;}
</style>
前一页:uni-app基础知识条件渲染
- 相关阅读
- 购买系统多久可以安装?
- div+CSS的无限级扩展下拉菜单(全部加了注释)
- 针对table,div隔行变色的JS方法
- ewebeditor 删除信息时同时删除相关上传文件
- asp正则表达式 替换HTML源文件里的链接地址
- facebook广告推广设定像素标准事件的值和币种等说明
- 做海外电商单页的facebook像素广告代码与相关事件处理
- 制作外贸企业英文网站存在的误区查看与更改方法
- 共有0条关于《uni-app基础知识列表渲染》的评论
- 发表评论
正在加载评论......
返回顶部发表评论
网友评论声明,请自觉遵守互联网相关政策法规。
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- uni-app开发表单input组件的一些规则说明自己预留使用
- uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
- 小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
- 微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
- 微信小程序客服会话只能过button让用户主动触发
- uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用