百度智能小程序 開發(fā).js文件

2020-09-05 15:05 更新

SWAN 智能小程序中,JS 文件是控制交互邏輯的動(dòng)態(tài)語言。如,在 SWAN 模板中書寫了以下代碼:

代碼示例

<view>{{ me }}</view>
<button bind:tap="setName">點(diǎn)擊變值</button>

在 JS 中可以對(duì)于視圖中的行為進(jìn)行監(jiān)聽,并觸發(fā)界面的變化。

Page({
    setName: function() {
    this.setData({ me: "aaa" });
    }
})

代碼示例 - 錯(cuò)誤寫法

<view>{{ me }}</view>
<button bind:tap="setName">點(diǎn)擊變值</button>

在 JS 中可以對(duì)于視圖中的行為進(jìn)行監(jiān)聽,并觸發(fā)界面的變化。

Page({
    setName: function() {
    this.Data.me = "aaa"; // 這樣寫不會(huì)觸發(fā)swan界面的變化
    }
})

說明:

  • 書寫 SWAN App 的邏輯層請(qǐng)使用 JavaScript ;
  • 邏輯層將數(shù)據(jù)進(jìn)行更新后,會(huì)觸發(fā)視圖更新;
  • 在 app.js 中使用 App 方法、在頁面 JS 中使用 Page 方法,來進(jìn)行頁面的邏輯管理;
  • 可以在 SWAN 命名空間下,使用各種 API 端能力;
  • 框架中不可使用 window, document, location, navigator, localStorage, history 等 Web、瀏覽器 API。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)