网站建设
苏州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
}
});

历史上的今天
七月
15
    哇哦~~~,历史上的今天没发表过文章哦
赞(0) 打赏
未经允许不得转载:苏州SEO优化 » 百度智能小程序SWAN 视图基础数据绑定怎么做
分享到: 更多 (0)
标签:

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  • Q Q(选填)

网站建设与SEO关键词优化一站式服务

SEO咨询建站咨询

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
订阅图标按钮