element场景黑看不到模型

element场景黑看不到模型解决方法如下：

1、打开npmielement-ui。

2、在main.js文件中导入。

3、保存，即可显示样式。Element是一份基于Ubuntu的发行，它面向家庭影院或媒体中心式的个人电脑，这类电脑可拥有十英尺大的用户屏幕并被设计为连接到高清晰度电视，以获取一份数字媒体和因特网体验，而这种体验可以在客厅或娱乐场所舒适地获得。

业务场景一：选择框，类似于选择目的地，出发地这种，，可以设置省，或者省市，以及省市区

业务场景二：在编辑页或者添加页中会需要更加详情的，省市区以及后面另加一个框

首先，从后台拿回来的数据是这样子的

首先拿到数据输出到控制台上是这样的

第一步处理转化成字符串

let cityData =JSON.stringify(data.data.data)

第二步用正则把这些相对应的关键字段转化成element ui  三级联动需要 的字段

options =JSON.parse(cityData.replace(/orgId/g,"value").replace(/orgName/g,"label"))

第三步进一步演变成符合框架使用的格式

options.map((item, index)=>{

item.children = item.childrenDataList

this.options.push(item)

})

<el-cascader :options="options" clearable filterable v-model="optionsMessage"></el-cascader>

这个时候就可以实现选择省市区的功能了，其中v-model的绑定的值就是后台需要的orgId

---