- 博客(4)
- 收藏
- 关注
RSS订阅原创 Vue2x component 动态渲染不同tab下的html组件
动态渲染组件就想到了Vue component内置组件来实现。组件中不同的html组件渲染通过is判断，封装不同的组件，比如input输入框、下拉选择select组件等，并引入。循环不同tab标签页下返回的参数列表，先根据参数类型、显示方式，参数名是否与传入的一致，最后再进行赋值。参数名是动态的，没有根据参数类型来判断不同参数名的下拉框组件、应该在哪个列表中进行赋值显示。在动态渲染不同标签页下html组件中，未知参数名的下拉框组件赋值是空的。
2023-09-08 16:41:04
502
1
原创 Vue2x el-tabs动态增删标签页
既然是动态增删，而且在Log tab后面，所以使用数组来存放结果tab，使用element-UI的el-tabs组件进行展示。而结果tab页面里面展示后台返回的很多条列表数据，用element-UI的el-table组件来展示。把后台返回的二维字符数组转为一维对象数组，遍历对象数组，找到最长的属性列，根据最长的属性列动态显示列表数据。排查后发现后台返回的列表数据的列不是固定的，我显示是按照固定列进行展示。每个结果tab标签中的列表数据的列显示错误。
2023-09-08 14:28:44
1590
1
原创 Vue2x Element-UI el-tree 懒加载默认显示到第三级节点
了解到elementUI tree懒加载下，后台需要返给前端数组结构（即返回的每一级节点数据结构是数组），同时后台也要返回一个是否是子节点标识，要不然前端无法知道需不需要去加载下一节点。思路：基于项目需求，从结果查询页面跳转到这个页面需要有个标识，要不然不知道从哪个页面调过来，页面上我传来一个布尔标识isExpandShow，对于默认展开的节点，需要初始化递归调用接口到node的level为2，把递归遍历到的节点数据放入默认展开的节点数组里，由此可实现。懒加载默认展示不到第三级，只是默认展示到根节点。
2023-04-06 18:04:05
4014
1
原创 解决Vue2x CodeMirror5x 编辑器子组件值显示还是旧值问题
当选中页面中的编辑器子组件里的一段文本时、触发codemirror的cursorActivity事件，通过此事件把选中的代码、传入弹窗里的编辑器子组件v-model绑定的值，这样就会与之对应。于是我在弹窗编辑器子组件里加个key属性，key属性的值可以是字符串、时间戳、布尔值等，这里我设置的是时间戳timer。需求是实现了，但是遇到一个问题：当我选中一段sql语句时，弹窗里初次显示的值是选中的，但是当我再次选中时，弹窗里的子组件值显示的还是上次选中的值。我以为子组件可以刷新视图了，结果还是没有。
2023-04-03 16:40:09
760
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人