關于mintui中picker的二級聯動

馬忠志發布于2019-08-22 16:40 / 664人閱讀

摘要：今天做的項目有個關于選擇部門再選擇人員的功能，我用到了的。根據的會發現每次，函數都會被調用三次。大概是默認里面有三個。經過研究，可以換一種寫法添加兩個取消確定選完一級，再獲取二級內容

今天做的項目有個關于選擇部門再選擇人員的功能，我用到了min-ui的picker。
根據mintui的api


export default {
  methods: {
    onValuesChange(picker, values) {
      console.log("change");
    }
  },
  data() {
    return {
      slots: [
        {
          flex: 1,
          values: ["2015-01", "2015-02", "2015-03", "2015-04", "2015-05", "2015-06"],
          className: "slot1",
          textAlign: "right"
        }, {
          divider: true,
          content: "-",
          className: "slot2"
        }, {
          flex: 1,
          values: ["2015-01", "2015-02", "2015-03", "2015-04", "2015-05", "2015-06"],
          className: "slot3",
          textAlign: "left"
        }
      ]
    };
  }
};

會發現每次change，onValuesChange函數都會被調用三次。大概是mintui默認里面有三個picker。
經過研究，可以換一種寫法,添加兩個picker


    
        取消
        確定

選完一級，再獲取二級內容

data () {

return {
    slots: [
        {
          flex: 1,
          values: [],
          defaultIndex:0,
          className: "slot1",
          textAlign: "center"
        }, {
          divider: true,
          content: "-",
          className: "slot2",
          textAlign: "right"
        }
    ],
    slots1:[
        {
          flex: 1,
          values: [],
          defaultIndex:1,
          className: "slot3",
          textAlign: "center"
        }
    ]
}

}

onValuesChange(picker,values){
    if(values[0] && values[0].userlist != undefined){
        this.slots1[0].values = [];
        for(var key in values[0].userlist) {
            this.slots1[0].values.push(values[0].userlist[key]);
        }
    }
}

云服務器 GPU云服務器關于JAVA中順序IO的基本操作省市二級聯動數據二級聯動二級聯動菜單

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/94547.html

動手封裝一個React Native多級聯動

摘要：如果只有用到里面非常簡單的功能，很快就可以開發好，建議自己開發，沒必要引用一個龐大的包，如果要特殊定制的話，就只有自己開發。背景肯定是最近有一個項目，需要一個二級聯動功能了！本來想封裝完整之后，放在github上面賺星星，但發現市面上已經有比較成熟的了，為什么我在開發之前沒去搜索一下（項目很趕進度），淚崩啊，既然已經封裝就來說說過程吧任務開始一. 原型圖或設計圖在封裝一個組件...

Coly 2019-08-23 12:02 評論0 收藏0
vue移動端側滑面板組件

摘要：里邊涉及到的指令是自定義的指令，為了處理移動端的點擊操作，我還整理了一片陋文移動點擊長按滑動指令然后這個組件的源碼我放在了我出來的項目上謝謝各位品嘗，以下這段都是廢話，請跳過公司移動端開發平臺進行了大變革，前端架構由DCloud大生態轉換為VUE，所以移動端的UI組件庫從MUI改為使用MintUI，然后開始大刀闊斧的把MintUI組件改成MUI組件的樣子，然后發現少了幾個較為常用的...

TNFE 2019-08-22 16:21 評論0 收藏0
演示微信小程序地區選擇偽五級聯動

　　在項目中，要求微信小程序的地區可以選擇偽五級聯動　　展示如下　　這里采用的是自定義多列選擇器picker mode="multiSelector"　　<viewclass="section"> 　　<viewclass="section__title">多列選擇器</view> 　　<pick...

3403771864 2022-11-08 23:27 評論0 收藏0
真香警告：即使不用餓了么訂餐，也請務必收藏好該庫！

摘要：架構在編寫第三方庫的最佳實踐使用者無需了解內部邏輯，通過實現接口即可輕松完成個性化配置。絕不使用，絕不使用奇技淫巧編寫艱深晦澀的代碼。由來 LinkageRecyclerView 是一款基于 MVP 架構開發的二級聯動列表控件。它是因 RxJava 魔法師這個項目的需求而存在。在最初尋遍了 GitHub 也沒有找到合適的開源庫（高度解耦、可遠程依賴）之后，我決心研究參考現有開源項目關于...

hightopo 2019-05-23 17:30 評論0 收藏0
thinkphp+jquery+ajax二級聯動使用心得

摘要：注意和，供選擇器使用所屬分類請選擇分類所屬課程要先引用后端代碼前期遍歷，第一個下拉菜單的值從數據庫取出子課程添加處理的方法子課程添加下拉菜單二級聯動感覺寫的很詳細啦，歡迎和我一起探討哦，么么噠一、想實現的效果：用thinkphp+jquery+ajax實現二級聯動，當所屬分類選擇媽咪英語時，下面所屬課程會自動列出媽咪英語下的子類。類似省市二級聯動 showImg(https:/...

Invoker 2019-06-27 16:31 評論0 收藏0