Cascader级联选择器数据回显

今天使用element的Cascader回显省市区时,问题排查如下:

1.数据格式不一致

defaultAreaList:['330000', '330100', '330106'],
area : [
	{
        "label": "北京市",
        "value": "110000",
        "children": [
            {
                "label": "市辖区",
                "value": "110100",
                "children": [
                    {
                        "label": "东城区",
                        "value": "110101",
                    }
                ]
            }
         ]
	}
]

注意这里的value是字符串格式,所以回显的值必须也是字符串格式

2. 设置 :props=“{emitPath:false }”

(在选中节点改变时,是否返回由该节点所在的各级菜单的值所组成的数组,若设置 false,则只返回该节点的值

3.value 属性才是回显的关键

:value="defaultAreaList"

你可能感兴趣的:(Js,前端,javascript)