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

1767次阅读

基础数据绑定

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)

本文由夫唯SEO特训营编辑整理。

搜外专注SEO培训和SEO周边Saas服务解决方案,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程包含移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

188期B班报名时间3月15日-3月31日,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标是:让非技术人员轻松学会互联网技术。

  • 搜外会员SEO交流群(免费)

    微信扫码添加客服人员
  • 小程序运营交流群(免费)

    微信扫码添加客服人员
  • 搜外会员SEM竞价交流群(免费)

    微信扫码添加客服人员
  • 夫唯学员SEO交流群(VIP)

    微信扫码添加客服人员

扫码获取资源

微信扫码添加客服人员
  • SEO技术实战微信群

    微信扫码添加客服人员
  • 大站流量总监群(审核身份)

    微信扫码添加客服人员
  • Google独立站英文SEO群

    微信扫码添加客服人员
  • SEO团队KPI管理表格

    微信扫码添加客服人员
  • 工业品网站友情链接群

    微信扫码添加客服人员
  • 本地生活服务业友链群

    微信扫码添加客服人员

跟夫唯老师系统学习群站SEO
成为互联网运营推广大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入门、新闻源推广……
Processed in 0.177462 Second , 52 querys.