原创SEO工具
SEO入门进阶好帮手

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

免费抖音课程

基础数据绑定

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
}
});    

阅读本文的人还可以阅读:

百度智能小程序入口有哪些?哪里可以进入百度智能小程序?

百度智能小程序开源联盟是什么

百度智能小程序的流量为什么那么高,小程序如何引流?

怎样做好百度智能小程序体验设计(1)

 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:致胜SEO » 百度智能小程序SWAN 视图基础数据绑定怎么做

分享到: 生成海报
avatar

热门文章

  • 周易小孩起名

    致胜SEO 学习SEO入门和进阶的好帮手

    联系我们联系我们
    切换注册

    登录

    忘记密码 ?

    切换登录

    注册

    我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活