observer 用於監聽和響應任何屬性和資料字段的變化。可以同時監聽多個。一次 setdata 最多觸發每個***一次。同時也可以監聽子資料字段
observer資料***view
>
>
父元件向子元件傳值view
>
class
="inp"
bindinput
='bindinputval'
placeholder
="請輸入傳入num的值"
>
input
>
>
更改姓名view
>
class
="inp"
bindinput
='bindinputname'
placeholder
="請輸入需要更改的姓名"
>
input
>
num=
"}" person
="}"
>
observer
>
view
>
//獲取應用例項()
page(,
,]}}
,// 獲取 num 的值
bindinputval
(e))},
// 修改姓名
bindinputname
(e))}}
)
class
="container"
>
class
="item"
>
class
="cont"
>
>
父元件傳入的num值view
>
style
="font-size
:26rpx;
margin
: 10rpx 0 0 30rpx;
">
改變後的num值: }view
>
view
>
class
="cont"
>
>
父元件傳入的person物件view
>
style
="font-size
:26rpx;
margin
: 10rpx 0 0 30rpx;
">
姓名: }，年齡：}，性別：}
view
>
view
>
class
="cont"
>
>
子元件中單個資料監聽view
>
class
="inp"
bindinput
='bindinputval'
placeholder
="請輸入aloneval的值"
/>
style
="font-size
:26rpx;
margin
: 10rpx 0 0 30rpx;
">
改變後的aloneval值：}view
>
view
>
class
="cont"
>
>
子元件中多個資料監聽view
>
class
="inp"
bindinput
='bindinputoneval'
placeholder
="請輸入oneval的值"
/>
class
="inp"
bindinput
='bindinputtwoval'
placeholder
="請輸入twoval的值"
/>
view
>
view
>
view
>
component(}
, person:}}
, data:
, observers:
,// 監聽 properties 接收的值的變化
'num'
(val)
,// 監聽物件
'person'
(val)
,// 監聽物件的屬性
'person.name'
(val)
,// 監聽子元件中單個資料的變化
'aloneval'
(val)
,// 監聽子元件中多個資料的變化
'oneval, twoval'
(val1, val2)},
// 在元件在檢視層布局完成後執行
ready:
function()
, methods:)}
,// 獲取 oneval 的值
bindinputoneval
(e))},
// 獲取 twoval 的值
bindinputtwoval
(e))}}
})
.container
.item
.cont
.cont .inp
（微信小程式）一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
微信小程式中的wx key
wx key的作用 如果列表中專案的位置會動態改變或者有新的專案新增到列表中，並且希望列表中的專案保持自己的特徵和狀態 如中輸入的內容，的選中狀態 需要使用wx key來指定列表中專案的唯一的識別符號。wx key 的值以兩種形式提供 字串或者數字，代表在for迴圈的array中item的某個pro...
微信小程式
2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作，非同步操作裡面this.data.直接賦值，是無效的，必須使用this.setdata this.setdata msg he llo wor l...