省市区三级联动(Element + Vue)

1、 可以用属性cascaderItem进行传值,详情见官方文档:https://avuejs.com/doc/form/form-doc

column: [
  {
    showlabel: false,
    label: "省",
    prop: "province",
    type: 'select',
    props: {
      label: "province",
      value: "province"
    },
    cascaderItem: ["city","area"],       //传给两个参数自身的值(province)
    dicUrl: '/api/blade-adbase/client/area-allProvince',
  },
  {
    showlabel: false,
    label: "市",
    prop: "city",
    type: 'select',
    row: true,
    dicFlag: false,
    dicUrl: '/api/blade-adbase/client/area-city-by-province?province={{key}}',//key接收的是与自己prop相同的参数
    props: {
      label: "city",
      value: "city"
    },
  },
  {
    label: "区",
    prop: "area",
    type: 'select',
    dicFlag: false,
    dicUrl: '/api/blade-adbase/client/area-area-by-city?city={{key}}',//key接收的是area参数
    props: {
      label: "area",
      value: "area"
    },
  },
]
发布了40 篇原创文章 · 获赞 8 · 访问量 7297

猜你喜欢

转载自blog.csdn.net/qq_42307369/article/details/104377935