微信小程式 自定義二維picker元件(省市)

2021-08-28 14:49:46 字數 1440 閱讀 9704

html:

}——}

js

初始化:

// 二位陣列

multiarray: [, ],

multiindex: [0, 0],

// 後台資料

"arealist": [

] },

] }]

// 轉換格式

const formatarealist = (arealist) => ;

arealist.foreach((item, index) => )

cityarrobj[item.name] = cityarr}})

console.log(provincearr,cityarrobj)

return

}

事件實現:

* 生命週期函式--監聽頁面載入

onload: function (options)  = formatarealist(arealist)

that.setdata()

// 調整二級聯動資料結構

that.adjustarealist()

},

// 調整二級聯動資料結構

adjustarealist() = that.data

if (provincename && cityname) )

} else )

console.log('預設第乙個', multiarray, multiindex)

}},

// 確定選擇器的選擇

bindmultipickerchange: function (e) )

},

// 選擇器滾動中

bindmultipickercolumnchange(e)  = that.data

let col = e.detail.column

let val = e.detail.value

multiindex[col] = val

switch (col)

multiarray[1] = addressarray

break}}

multiindex[0] = val

multiindex[1] = 0

that.setdata()

}},

// 取消選擇

cancelpicker()  = this.data

this.setdata()

},

微信小程式自定義元件

父元素 子元件 可以由多個 子元件 a,b,c,d 父元素 首先是關於元件的建立 1 單獨建立乙個資料夾存放 wxss x.js wxml json這四個檔案,其中主要對元件進行宣告的是json檔案,需要寫入 這段 就是讓元件允許被使用,如果元件需要呼叫另乙個元件中,那麼就需要再usingcompe...

微信小程式自定義元件

根據專案需要,抽離出公共的元件。1 在專案根目錄新建乙個component的資料夾,然後新建自己需要的檔案 專案目錄如下 在component裡面我新建了3個子元件。2 子元件的寫法 只有js檔案格式不一樣,其他的檔案都正常寫。js需要自定義乙個component,參考 示例 component d...

微信小程式 自定義tabBar

有的人想要最求個性化的tabbar,比如想要在tab中間加乙個巨大的掃碼按鈕,這是很常見的。那麼這時候,自定義tabbar就派上用場了。1 將tabbar配置為自定義,custom true 使用自定義tabbar為什麼需要新增 custom 屬性並且配置為true呢,大家可以嘗試在配置了預設tab...