logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

ant design vue:列值相同的行合并

比如一个5行的表格,1、2、3行值相同,4、5行相同,那么上面的数组就是[3,0,0,2,0],就是说第1行占3行,第2、3行不占行,这样就相当于把3行合并成1行了,以此类推。上面的方法可以生成一个数组,这个数组保存了需要合并的每一行的rowSpan,然后根据index设置每个的rowSpan就可以了。原博客用的是props,但是antd的官网用的是attrs,我试了一下,用props确实没有效果

文章图片
#前端#vue.js
ant design vue:带日期标记的日历

在template里直接用moment,先import然后还需要在data里再定义一下moment。,如果是做项目的话,直接在App.vue文件里设置,整个项目的antd组件就都被汉化了。,我的日历头部右边只需要显示月,不需要年,把年的部分去掉即可。日历默认是英文的,需要汉化,

文章图片
#vue.js#javascript#前端
ant design vue:select选项太长显示不全

加:dropdownMatchSelectWidth='false'即可,但是不同浏览器显示有差异,比如谷歌上显示正常,但是火狐上虽然变宽了一点,但依旧有若干选项显示省略号。auto-complete其实跟select类似,我这个案例是用auto-complete做的。

#前端
ant design vue:自定义锚点样式

要做一个如下图的锚点,ant design vue的锚点样式比较简单,按照官网文档:affix="false" :showInkInFixed="true",就可以显示小方块,但是我试了一下不管用,而且锚点组件不固定起来很不方便,所以放弃这种方法。css样式上还需要改动,去掉蓝色小条,并且将灰色竖线往右移到图标的中间去,样式如果不生效,就加!important。之后想过用时间轴和步骤条来模拟锚点,

文章图片
#vue.js#前端#javascript
jeecgboot:打印报错Failed to read the ‘cssRules‘ property from ‘CSSStyleSheet‘: Cannot access rules“

问题原因:全局引用了leaflet的css样式,在打印的时候,打印插件会去读取leaflet的css文件,但是又没有访问权限,所以就报错了。解决方法:局部引用css。

文章图片
#css#html#前端
uniapp:Google开发者证书信息有误,请重新填写相关信息 Android 证书文件不是有效的keystore文件Hbulider

Google开发者证书信息有误,请重新填写相关信息 Android 证书文件不是有效的keystore文件Hbulider一开始一直按网上的方法生成证书发现生成出来的证书一直是无效的证书。然后就想到应该是hbuilder解析不了证书格式于是开始折腾先去下载了hbuilder官方的证书,用keytool查看keytool -list -v -keystore ./HBuilder.keystore发

#前端
jeecgboot:打印报错Failed to read the ‘cssRules‘ property from ‘CSSStyleSheet‘: Cannot access rules“

问题原因:全局引用了leaflet的css样式,在打印的时候,打印插件会去读取leaflet的css文件,但是又没有访问权限,所以就报错了。解决方法:局部引用css。

文章图片
#css#html#前端
echarts:如何通过鼠标滚轮缩放数据?

直接在option下设置dataZoom即可,把鼠标放到折线图里,然后再滚动,才可以缩放数据。最终效果:

文章图片
#css#前端#html
vue3:使用draggable拖拽组件

item的slot里必须是写element,我试过写item,会报错,可以带上index,也可以不带。直接复制了之前vue2的代码过来,发现一直报错,一查资料,才知道变化很大。用list属性,不用v-model了。item-key必须要填。一定记得要加@next。

#前端
jeecgboot:设置为缓存路由,切换页面,保留数据

在A页面输入数据后,切换到B页面,再回到A页面的时候,刚才输入的数据就丢失了,十分不方便。解决方案:在该页面对应的菜单管理里面,设置为缓存路由,切换页面后数据就不会丢失了。最终效果:...

文章图片
#缓存
    共 40 条
  • 1
  • 2
  • 3
  • 4
  • 请选择