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...