wepy框架使用

2021-08-20 16:24:05 字數 838 閱讀 3626

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

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

2、解決方式請看第三張圖,用wepy自帶的標籤對元件進行包裹,for我們在data裡定義的物件,元件就可以使用object.key方式動態傳入屬性值啦

<

mp-cell1

label=

"車牌號碼"

:value="

result.

name"

disabled

>

mp-cell1

>

export

default

class

completeinfo

extends

wepy.

page ;

components = ;

data = };

}<

repeat

for=

"}">

<

view

class=

"head"

>

<

mp-cell1

label=

"車牌號碼"

:value="

result.

name"

disabled

>

mp-cell1

>

view

>

repeat

>

wepy框架的isPlainObject函式

該函式是判斷乙個物件是否是plain object,plain object指的是以字面量方式 new object方式或者object.create null 方式生成的物件。isplainobject obj proto object.getprototypeof obj 驗證object.cr...

04 wepy框架搭建

wepy官方文件 1.安裝wepy cli npm install wepy cli g 2.利用wepy cli建立專案 wepy init standard myproject 3 切換目錄 cd myproject 4 安裝依賴包 npm install 5 開啟開發模式 npm run de...

微信小程式框架wepy筆記

全域性安裝或更新wepy命令列工具 npm install wepy cli g在開發目錄中生成demo開發專案,1.7.0之後版本請移步wepy cli文件 wepy new myproject1.7.0之後的版本使用 wepy init standard myproject 初始化專案,使用 w...