省市区三级联动(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"
    },
  },
]
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章