最近在项目中需要做一个级联选择器,网上找到有现成的Vue中的组件-cascader
下面就简单记录一下使用中遇到的问题;
首先声明,我是在html和js中嵌套的vue,而不是纯用vue开发的前端,两个还有
一些形式上的区别。
目标效果如下:

后台递归获取数据接口如下:
@SysLog("所属领域")
@RequestMapping("/serviceField")
public R getServiceField() {
return sysServiceService.getServiceField();
}
获取到的JSON数据格式如下:

HTML中
<td class="formTitle">所属领域</td>
<td class="formValue">
<el-cascader style="width:277px;"

本文记录在HTML+JS环境中使用Vue组件Cascader时遇到的问题及解决方案。在实现级联选择器时,由于后台递归数据最后一层为空导致空级联BUG。解决方案包括在JS中再次递归处理数据,以及注意Vue组件引用的位置,确保CSS和JS加载正确。
8626

被折叠的 条评论
为什么被折叠?



