<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                # 級聯選擇器 當一個數據集合有清晰的層級結構時,可通過級聯選擇器逐級查看并選擇。 cascader級聯選擇器除了基礎配置以外,主要的配置包含兩大類:屬性配置和數據配置。 ![cascader1](https://img.kancloud.cn/e4/24/e42436def9d14df3239c84070c7b4ec2_2318x1482.png "cascader1.png") ## 1、 屬性配置 屬性配置中包含了組件當前顯示的外觀及功能。當前主要包含: * 輸入提示 * 是否可以多選 * 是否可以搜索 * 是否可以清除 * 是否隱藏 * 是否禁用 ## 2、 數據配置 數據配置標示了當前下拉選擇器所能展示的數據。當前支持靜態數據、API接口 兩種輸入格式的接入。 ### 靜態數據 靜態數據配置直接在配置上填寫即可。 ![cascader2](https://img.kancloud.cn/6b/20/6b20ff60fdb1bcba2211c70f2b84c060_2305x1265.png "cascader2.png") ### API接口 API接口通過axios請求獲取后端的接口數據后進行加載展示。 ***** **配置說明** **遠端方法**: 遠程請求的接口地址。 目前僅支持get請求。 **列表數據dataPath** 遠程請求后數據很多時候并不直接就是數組,在返回的數據結構中在某個路徑下才是我們需要的數據。 此處的解析依賴object-path。 舉例1: ``` 假設當前的數據返回結構為 { "msg":"操作成功", "code":0, "data":[ {"id": 1 , "name": "張三"}, {"id": 2 , "name": "李四"} ] } 則此時的dataPath 應該填寫為: data ``` 舉例2: ``` { "msg":"操作成功", "code":0, "data":{ list: [ {"id": 1 , "name": "張三"}, {"id": 2 , "name": "李四"} ], pageIndex: 1, pageSize: 2, totalCount: 78 } } 則此時的dataPath 應該填寫為: data.list ``` **值字段** 通過dataPath解析出來的數組單個值中標記value的字段。 **標簽字段** 通過dataPath解析出來的數組單個值中用來顯示的字段。
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看