- 博客(8)
- 收藏
- 关注
原创 河豚随心记(七)element ui 的el-menu做路由菜单的时,default-active值变化且与其中一个el-menu-item的index相等,但是组件页面样式没有变化
问题:初始化进入页面,在el-menu的activeIndex 变化后,并且变化的值与其中一个el-menu-item的index值一致,该el-menu-item的一级菜单样式理应变为高亮显示,但是实际上页面的一级菜单没有按照 activeIndex 进行高亮。需要页面刷新后才会正常。解决方法:el-menu-item 的 key 不能绑定为 index,直接和index绑定相同的值即可。原因分析:猜测与虚拟 DOM 的渲染机制有关。目前不确定是什么问题。
2024-06-14 11:01:16
379
原创 河豚随心记(六)vue+element ui 使用富文本编辑器组件vue-ueditor-wrap集成秀米编辑器(ueditor内核)
这里的link就是图片上传完成后富文本编辑器上回显的图片url,所以这个url一定要是前端可以访问的,一般是网络地址,我的config.imgURL是图片存放地址的前缀,res.url是图片的名称,所以我这里做了字符串拼接,你们可以根据自己的实际情况修改。秀米编辑器的要求的富文本编辑器内核得是ueditor的,不过用quill内核的也可以,quill的大家可以自行百度,我这里用的是ueditor内核来做的。接下来要讲的是怎么对从秀米编辑器那边粘贴到ueditor富文本编辑器里的图片进行本地化。
2024-05-12 16:12:31
3339
1
原创 河豚随心记(四)实现多swiper轮播图组件/动态数量轮播图swiper组件
这里的index就是外层v-for里的index,这样就可以动态绑定current了,但是这里会有问题,因为current变量的数量也是提前写好的,我预先放了6个,如果动态swiper的数量超过6个,那就会报变量undefined,应该把变量声明也做成动态的,但是我目前不知道怎么解决这个问题,请教各位了。写单个轮播图或者确定数量的多个轮播图组件是很简单的,uniapp官网组件文档看一下,搬一下就好,这次需求中是动态配置的,开发人员一开始是无法确定轮播图组件的数量的,所以轮播图的各个属性都得写成动态的。
2024-04-29 10:53:39
564
1
原创 河豚随心记(三)腾讯云mysql数据库迁移至CVM自建数据库
编码规则的问题,也是找了好几个办法尝试,包括修改character变量等,依旧不行,最终解决是在导入命令上加了一句: --default-character-set=utf8mb4 搞定,于是导入命令改为:mysql -u 用户名 -p 密码 --default-character-set=utf8mb4 -f < C:/data.sql。1.在云服务器上,装个navicat,分别连接云数据库和本地数据库,直接数据传输,但是失败了,有个库里面数据长度比较大。
2023-02-15 15:24:38
449
原创 河豚随心记(二)antd-vue的a-table组件单列与多列的自定义
写个笔记记录下自己使用组件/插件的经历,个人经历,仅用作记录与参考,写法和解决方案各位还需鉴别,有更好的方法欢迎指导讨论。Ant Design Vue的table组件的基本用法官方文档说的比较清楚了:antd-vue 表格Table组件这里记录下个人的使用经历和遇到的坑,项目以jeecg-boot 2.3.0作为架构进行开发,仅供参考。1.针对table组件生成的表格某一列的数据变化去改变其他列的样式:需求是一级分类行颜色为蓝色,二级分类行颜色为橘色,效果图如下:将级别列的数值作为判断条件,一级
2021-03-19 11:02:45
5441
原创 河豚随心记(一) v-decorator
写个笔记记录下自己使用组件/插件的经历,个人经历,仅用作记录与参考,写法和解决方案各位还需鉴别,有更好的方法欢迎指导讨论。v-decorator主要用来做antd-vue表单的表单验证,用法也很简单。1.先在data里面定义一下验证规则validatorRules: { orgCode: { rules: [ { required: true, message: '请选择公司名称!'}, ]
2021-03-18 11:04:43
20682
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人