【前端】Element-UI 省市县级联选择器 JSON数据

转载请注明出处：http://www.cnblogs.com/shamoyuu/p/element_cascader.html

不想自己处理的就直接下载吧

http://shamoyuu.bj.bcebos.com/DontDelete/citys.json

效果图

上一章我们学会了用nodejs处理文件，这一章我们就把数据处理成element-ui要求的格式，并保存到temp.txt文件

上代码

var fs = require('fs');
fs.readFile('out.json', function(err, data) {
    if (err) {
        console.log('文件读取失败');
    } else {
        console.log('文件读取成功');

        let citys = eval('(' + data + ')');

        let province = [];

        // 所有省的jons，固定100000
        let provinceJson = citys['100000'];

        let provinceArr = [];
        for(let provinceKey in provinceJson) {

            let cityJson = citys[provinceKey];
            console.info(provinceKey)

            let cityArr = [];
            for(let cityKey in cityJson) {

                let quJson = citys[cityKey];

                let quArr = [];
                for(let qukey in quJson) {
                    quArr.push({
                        value: qukey,
                        label: quJson[qukey]
                    });
                }
                if(quArr.length == 0) {
                    console.info(cityKey, cityJson[cityKey], "没有区");
                    quArr.push({
                        value: cityKey,
                        label: cityJson[cityKey]
                    });
                }

                cityArr.push({
                    value: cityKey,
                    label: cityJson[cityKey],
                    children: quArr
                });
            }

            if(cityArr.length == 0) {
                console.info(provinceKey, provinceJson[provinceKey], "没有市");
                cityArr.push({
                    value: provinceKey,
                    label: provinceJson[provinceKey],
                    children: [{
                        value: provinceKey,
                        label: provinceJson[provinceKey],
                    }]
                });
            }

            provinceArr.push({
                value: provinceKey,
                label: provinceJson[provinceKey],
                children: cityArr
            });
        }

        fs.writeFile('temp.txt', JSON.stringify(provinceArr), function(err) {
            if (err) {
                console.log('文件写入失败');
            } else {
                console.log('文件写入成功');
            }
        });
    }
});

然后用nodejs运行这个js，就可以得到我们想要的数据了

完结，散花