循序渐进VUE+Element 前端应用开发(21）--- 省市区县联动处理的组件使用

class=“long”

size=“large”

:options=“regionData”

@change=“handleChange”

/>

绑定值：{ { selectedOptions2 }}

区域码转汉字：{ { CodeToText[selectedOptions2[0]] }},{ { CodeToText[selectedOptions2[1]] }},{ { CodeToText[selectedOptions2[2]] }}

汉字转区域码：{ { convertTextToCode(CodeToText[selectedOptions2[0]], CodeToText[selectedOptions2[1]], CodeToText[selectedOptions2[2]]) }}

其中数据selectedOptions2格式如下所示:

selectedOptions2: [‘120000’, ‘120100’, ‘120101’],

而选中数据后，获得的数据格式同样是一个数组集合，如下所示:

几种界面组件的效果如下所示。

省市区三级联动的案例Demo代码如下。

<el-cascader

<