美文网首页
地区级联

地区级联

作者: Jycoding | 来源:发表于2022-07-17 14:59 被阅读0次

<el-cascader v-model="location" :props="propdatas" @change="nodeChange" />

location: [],

      propdatas: {

        lazy: true,

        lazyLoad(node, resolve) {

          console.log(node)

          const { level } = node

          console.log(level)

          if (!node.data) {

            getProvince().then(res => {

              const nodes = res.data.t.map(item => ({

                value: item.provinceid,

                label: item.provincename,

                // 是否是叶子节点

                leaf: level >= 2

              }))

              console.log(nodes)

              // console.log(resolve)

              resolve(nodes)

            })

          } else {

            if (level === 1) {

              getCity(node.data && node.data.value).then(res => {

                const nodes = res.data.t.map(item => ({

                  value: item.cityid,

                  label: item.cityname,

                  leaf: level >= 2

                }))

                resolve(nodes)

              })

            } else {

              getDistrict(node.data && node.data.value).then(res => {

                console.log(res)

                const nodes = res.data.t.map(item => ({

                  value: item.districtid,

                  label: item.districtname,

                  leaf: level >= 2

                }))

                resolve(nodes)

              })

            }

          }

        }

      }

相关文章

网友评论

      本文标题:地区级联

      本文链接:https://www.haomeiwen.com/subject/lcxzbrtx.html