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