uni app中picker元件的乙個坑

2022-02-22 21:08:28 字數 1283 閱讀 1092

這裡直接貼出**

<

view

class

="goods-info-add fl-sw"

>

<

view

>運費模板:

view

>

<

view

>

<

picker

mode

="selector"

:value

="index3"

:range-key

="name"

:range

="expresstemplate"

@change

="expresstemplatechange"

>

<

view

>}

view

>

picker

>

view

>

view

>

根據官方文件這看起來是一段很正常的寫法,但這裡會出現個問題

這裡的選項直接是[object object],只需要將rang-key中的字串加上單引號即可。如下:

<

view

class

="goods-info-add fl-sw"

>

<

view

>運費模板:

view

>

<

view

>

<

picker

mode

="selector"

:value

="index3"

:range-key

="'name'"

:range

="expresstemplate"

@change

="expresstemplatechange"

>

<

view

>}

view

>

picker

>

view

>

view

>

這樣就能正常顯示了

uniapp中使用picker中的注意事項

1 請確保picker標籤裡面巢狀了乙個view,並且view裡面有值 2 請確保picker中的預設值的格式跟該picker型別的值對應 例如下面 view class time wrap input type text disabled true v model timelist.time9 p...

uni app中元件傳值

一 父元件向子元件傳值 通過props來實現,子元件通過props來接收父元件傳過來的值!1 邏輯梳理 第一步 引入子元件 import sonshow from component son.vue 第二步 在components中對子元件進行註冊 components 第三步 以標籤的形式載入 通...

uni app中元件的使用

元件基本知識點 自定義可復用的元件,其結構與單頁面元件類似,通常在需要的頁面引入或者註冊到全域性main.js中使用,這是子元件。1 props props用於父元件給子元件傳遞引數,引數可以限制型別,可以設定預設值 2 emit 事件名,引數1,引數n 用於向父元件傳遞事件,可攜帶子元件的引數 3...