前言 在 uni-app 開發中遇到一個二級聯動的需求，使用 picker 組件實現時遇到一點問題。 特此記錄一下~ Part.1 效果 Part.2 遇到問題 由於官方對此組件用法已經介紹 ( https://uniapp.dcloud.io/component ...

數據格式如下： 1、數組picker 的顯示 這個地方顯示的時候在：range-key=""里面的值是一個字符串，如上，要在雙引里面加單引 2、獲取選中值得id，代碼如下： ...

picker底部滾動選擇器 效果圖 現在可以 實現選擇年份 在頁面上顯示， 通過控制台我們可以看到 this.yearsIndex = e.detail.value； 確實綁定在了數組上 來實現這個方法 話說這個截動態圖這真的太棒了， 比截圖片好多 ...

例：需要在下圖“自定義日期”中使用日期選擇器 效果圖：（單獨分出來編輯的）點擊自定義日期后顯示一下效果，顏色切換為藍色，當點擊圖一中的其他按鈕時被點擊的按鈕顏色發生切換，自定義按鈕顏色會回復默認（以上代碼顯示僅如下圖所示） ...

這里直接貼出代碼 根據官方文檔這看起來是一段很正常的寫法，但這里會出現個問題 這里的選項直接是[object Object]，只需要將rang-key中的字符串加上單引號即可。如下： 這樣就能正常顯示了 ...

背景說明 uni-app 官方的插件市場有數據驅動選擇器，可以用作多級分類的場景。本人引入插件后，發現，在h5和微信小程序都只能選擇到葉子級。而在給出的官方組件示例中確並非如此。 可以選擇年級，而不選擇班級。然后，想試試官方的手機版，發現並沒有示例（截至日期2021年8月3日）為止 ...

之前做過一個picker的三級聯動功能，這里分享代碼給大家 具體代碼： // An highlighted block <template> <view> <picker mode="multiSelector" @change ...

組件 下面的代碼我使用了uni-popup這個彈框組件，這個組件是非常強大的哈； 有時間可以研究一下這個組件 ...