logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

echarts 数据过多,柱状图产生重合

项目使用了echarts图表对数据进行展示,初始测试数据还不多时,图表正常展示,未发现问题。当项目后期,加入大量测试数据后,展示出现柱形重叠现象,效果看着不舒服,开始找了下解决方案,先使用了dataZoom组件 用于区域缩放(滑轮滚动),效果如下:...

#echarts#前端#javascript
el-tree设置默认展开节点后,el-tree点击节点不能关闭(触发node-collapse事件,节点无法关闭)

项目中使用到el-tree, 考虑到数据量还是有这么大,就想将用户对节点的操作保存下来(保存用户已点击展开的节点id,在下一次进入或刷新后,对其进行默认展开操作)问题:在后面测试中发现点击第一级展开的某些节点,节点竟然无法关闭。。。。。

#javascript#前端#vue.js
el-tree 懒加载数据,展开的节点与查询条件联动,且对查询的节点进行定位

其实这个联动,主要是搞懂el-tree的node-key和属性就行。简单来说,就是你想展开哪个节点,就把该节点node-key对应的字段放入default-expanded-keys对应的数组中。其他的就是对数据的处理把接口获取到的数据处理成你想要的样子,这是前端在很多时候都要做的事情。

文章图片
#vue.js#elementui#javascript
微信小程序阻止事件冒泡

在vue中阻止事件冒泡的方法使用的event.stopPropagation();但微信小程序中事件传递的event却没有stopPropagation()这个方法

#微信小程序#前端
nginx 部署vue项目,路由模式为history时,页面刷新404问题

因为打包部署后,地址栏的地址只是vue的路由,并不是真的文件目录地址。所有的路由都是依赖于SPA单页应用的index.html。所以当刷新时,按照地址栏的地址,找不到对应的文件,就产生404。

文章图片
#vue.js#nginx#前端
nginx 部署vue项目,路由模式为history时,页面刷新404问题

因为打包部署后,地址栏的地址只是vue的路由,并不是真的文件目录地址。所有的路由都是依赖于SPA单页应用的index.html。所以当刷新时,按照地址栏的地址,找不到对应的文件,就产生404。

文章图片
#vue.js#nginx#前端
解决vxe-table编辑单元格时,自定义渲染模板(结合element ui的标签组件)

目录HTML样例实现方法安装vxe-table-plugin-element插件实测可用!HTML样例<vxe-table-columnfield="destination"title="目的地"width="300px":edit-render="{type: 'default'}"><template v-slot:edit="scope"><el-cascade

#javascript#vue.js#前端
vue-treeselect 问题合集、好用的树形下拉组件(vue-treeselect的使用、相关问题解决方案)

vue-treeselect 使用及相关问题解决方案,持续更新!!!最新更改:继续优化【问题五】的第二种解决方案(将vue-treeselect + 拖动改变宽度方法进行二次封装,可直接重复调用,增加 saveOldWidth 属性,用来是否保存上一次组件宽度)复制代码即可上次更改:1.@input 事件里,想要拿到node参数,而不是value参数2.优化【问题五】的第二种解决方案(考虑页面上存

文章图片
#vue.js#javascript#前端
前端拼音(汉字)检索,好用的插件 pinyin-match

好用的前端拼音检索插件(汉字也可检索),无需请求后端接口,只需针对当前已获取的数据源进行操作,对符合条件的数据进行返回显示,即可完成拼音检索

#前端#javascript#vue.js
vue-treeselect 问题合集、好用的树形下拉组件(vue-treeselect的使用、相关问题解决方案)

vue-treeselect 使用及相关问题解决方案,持续更新!!!最新更改:@input 事件里,想要拿到node参数,而不是value参数上次更改:优化【问题五】的第二种解决方案(考虑页面上存在多个treeselect)文章只记录部分问题,完整的 组件属性 及 组件的事件 等 可到文档中去查阅

#vue.js#javascript#前端
    共 11 条
  • 1
  • 2
  • 请选择