快推365SEO问答正文

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

2020/12/18 16:10:39

326浏览量

回答

2020/12/18 16:12:07

基础数据绑定

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

}

});    



此教程来源于《搜外网-夫唯SEO培训》,网址:https://www.seowhy.com/

本教程连接:https://www.seowhy.com/a/643.html,为原创表示感谢!


0+1

0+1