wepy框架使用

組件化開發(動態傳值問題)

今天使用wepy框架,發現和vue,react還是有很大區別的,在此聊下組件傳值方面的問題

1、寫一個mp-cell組件,然後動態傳值,一般我們要傳入的值是從後臺取回來的會放到一個對象中,此時按照下面傳值是不成功的,除非把name掛在data上,也即name:'tom',在傳入name。這樣太麻煩了。

2、解決方式請看第三張圖,用wepy自帶的<repeat>標籤對組件進行包裹,for我們在data裏定義的對象,組件就可以使用Object.key方式動態傳入屬性值啦大笑

<mp-cell1 label="車牌號碼" :value="result.name" disabled></mp-cell1>

export default class CompleteInfo extends wepy.page {
config = {
navigationBarTitleText: '完善資料'
};
components = {
'mp-cell1': mpCell,
'mp-cell2': mpCell
};
data = {
    name:'tom'
result: {
name: '2233'
}
};
}

<repeat for="{{result}}">
<view class="head">
<mp-cell1 label="車牌號碼" :value="result.name" disabled></mp-cell1>
</view>
</repeat>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章