建站百科Website News

当前位置:首页 »百度智能小程序SWAN 视图基础数据绑定怎么做

百度智能小程序SWAN 视图基础数据绑定怎么做

来源:互联网整理 日期:2019-09-16 14:00:01 访问量:
摘要:基础数据绑定1、<! xxx.swan ><view>Hello My {{ name }}</view> 2、// xxx.jsPage({data: {name: SWAN}}); 循环开发者可以通过在元素上添加s-for指令,来渲染一个列表:语法1、<view><view s-for=p in persons>{{p.name}}</view></view>2、Page({data

基础数据绑定

1、

<!– xxx.swan –>
<view>
Hello My {{ name }}
</view>

2、

// xxx.js
Page({
data: {
name: 'SWAN'
}
});

循环

开发者可以通过在元素上添加s-for指令,来渲染一个列表:

语法

1、

<view>
<view s-for=”p in persons”>
{{p.name}}
</view>
</view>

2、

Page({
data: {
persons: [
{name: 'superman'},
{name: 'spiderman'}
]
}
});

条件

开发者可以通过在元素上添加s-if指令,来在视图层进行逻辑判断:

1、

<view s-if=”is4G”>4G</view>
<view s-elif=”isWifi”>Wifi</view>
<view s-else>Other</view>

2、

Page({
data: {
is4G: true,
isWifi: false
}
});

扫描左侧二维码
关注猎凡微信公众号

上海猎凡网络科技有限公司  Copyright 2016-2019  www.seobr.com  All rights reserved.

Email:245858536@qq.com    邮政编码:710016    沪ICP备16023398号-8

联系地址:上海市嘉定区沪宜公路5358号1层J427室    客服热线:15900558865

上海网站建设、自助建站制作公司-猎凡科技,已为众多企业提供网站建设网站制作响应式自助建站手机网站建设虚拟主机云主机服务器租用等建站解决方案。