基于elementUI级联选择器,省市二级联动,如何在编辑框中回显

首先是级联选择器的显示

1.代码


2.data中的数据

需要先引入文件

二级 + 三级联动城市数据下载地址
https://github.com/541073028/country-data

import options from 'country-level2-data'

然后data中数据

options:options,

3方法中

因为得到的是一个数组,但是后台传过去是字符串,所以需要把数组变成字符串

            this.form.customAddr = this.form.customAddr.join("-")

如何回显后台返回的数据(湖北省-武汉市)

把字符串: 湖北省-武汉市 变为数组 ['湖北省','武汉市']

这样就可以回显了(其中row.custDddress就是后台返回的数据)

        this.form.customAddr = row.custDddress.split('-')

 

你可能感兴趣的:(基于elementUI级联选择器,省市二级联动,如何在编辑框中回显)