本文介绍了解决前端ElementUI中级联选择器(el-cascader)数据回显问题的方法。当从后端获取的数据包含特殊监视器时，级联选择器无法正常显示数据。文章提供了一种解决方案，即通过将后端返回的Long类型数据转换为String类型来解决该问题。
在编写项目时，前端需要用到element ui 中的级联选择器（el-cascader），通过它实现项目商品分类的选择，具体效果如下图所示:
这里将数据保存之后，再点击修改时，信息回显到弹框中，所有信息已经回显到指定位置上，除级联选择器之外，它的信息没有显示出来。通过检查后端返回给前端的数据（它是一个数组），发现数据是完整的带回来的；
但是确在这里没有展现出来，后端返回的级联选择器需要的数据如下:
仔细观察会发现，数组中，除了路径信息外，还有一个 __ob__: Observer，它是vue对整个数据设置的监视器，能够实现视图与数据的响应式更新，一般不可枚举。因为vue中是支持双向绑定的，当数据发生变化，可以很好的将变化后的结果展示出来。
网上百度发现，那么可以使用JSON.stringify 将数组转换成字符串，然后在通过JSON.parse的方式将JSON字符串转换成Object对象。代码如下:JSON.parse(JSON.stringfy(array))，后端没有错误提示信息，但是级联选择器上依然没有信息；
因为后端中返回的数组中的数据是Long类型，通过后端将返回的数组中的数据转换成String类型返回给前端，可以解决。这时，后端返回的级联选择器中的内容如下：
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
