关于element ui 中级联选择器异常的记录

 在编写项目时，前端需要用到element ui 中的级联选择器（el-cascader），通过它实现项目商品分类的选择，具体效果如下图所示:

这里将数据保存之后，再点击修改时，信息回显到弹框中，所有信息已经回显到指定位置上，除级联选择器之外，它的信息没有显示出来。通过检查后端返回给前端的数据（它是一个数组），发现数据是完整的带回来的；

但是确在这里没有展现出来，后端返回的级联选择器需要的数据如下:

仔细观察会发现，数组中，除了路径信息外，还有一个 __ob__: Observer，它是vue对整个数据设置的监视器，能够实现视图与数据的响应式更新，一般不可枚举。因为vue中是支持双向绑定的，当数据发生变化，可以很好的将变化后的结果展示出来。

网上百度发现，那么可以使用JSON.stringify 将数组转换成字符串，然后在通过JSON.parse的方式将JSON字符串转换成Object对象。代码如下:JSON.parse(JSON.stringfy(array))，后端没有错误提示信息，但是级联选择器上依然没有信息；

因为后端中返回的数组中的数据是Long类型，通过后端将返回的数组中的数据转换成String类型返回给前端，可以解决。这时，后端返回的级联选择器中的内容如下：