最近做一個地區的二級聯動用上了Cascader組件,但是我的城市數據結構跟他 options的默認的結構不太一樣;
默認的結構如下:
我的數據結構是:
先說我的解決辦法:
一看我的數據結構跟他默認的數據結構不對勁,我這暴脾氣上去直接就修改我的數據結構,代碼如下:
上去就是一套遞歸函數給他整明白了,但是仔細想想好像不太對勁,科技都這么發達了怎么會用這么復雜的方法呢?
然后就仔細研究了一下文檔,發現他還有一個proper屬性如下:
?
?官方文檔簡單的說了一下,但是沒有例子是不是很模糊?
那我就給大家寫一個例子嘿嘿!!!
例子代碼如下:
:props="{value:'text',label:'text',children:'children'}"
搞定了!!!能學到點東西是真開心啊O(∩_∩)O
?