- 博客(12)
- 收藏
- 关注
RSS订阅原创 CKEditor5 + vue3自用记录（查看时只读不可编辑；图片上传，解决通过下载图片接口进行图片回显问题，将文件流转为blob格式显示）
Vue3 + CKEditor5的详细使用；CKEditor5自定义图片上传；oss上传图片，通过下载图片接口进行图片回显问题解决，图片id获取文件流，再将文件流转为blob地址显示，保存时再将blob转回id保存；CKEditor5查看状态时只读不可编辑，CKEditor5工具栏不显示，enableReadOnlyMode方法调用，；
2024-06-05 14:48:03
638
1
原创 Vue2+ElementUI存储搜索记录至缓存，搜索框el-input+弹出框el-popover，对历史记录可增删查，聚焦显示历史记录框，回车搜索事件
Vue2+ElementUI存储搜索记录至缓存，搜索框el-input+弹出框el-popover，对历史记录可增删查，聚焦显示历史记录框，回车搜索事件
2023-04-07 16:24:23
1474
2
原创 js+axios请求接口获取数据后循环嵌套接口，Promise.all解决
接口数据循环、再嵌套接口、再循环数据，通过Promise链式调用，Promise.all在循环结束后再return，在里面new一个Promise，处理想要的数据，resolve一条数据。
2023-02-13 16:24:50
1361
1
原创 Vue + ElementUI 动态更换皮肤主题色，样式保存至本地（记录踩坑：图标失效、颜色只第一次生效、衍生色未动态改变）
vue+elementui动态更换主题肤色，样式保存至本地。通过接口获取elementui线上的theme-chalk样式修改主题色，非常不稳定，访问速度慢，今天一看还挂了，所以必须保存到本地才行，记录其中遇到的一些问题。
2023-02-13 14:48:53
1083
2
原创 Vite+Vue3+Element-plus+less项目已完成的基础上，使用webpack打包兼容浏览器低版本webkit内核chrome
用户还在使用360安全浏览器9，版本chrome55，导致vite项目打包后页面出现白屏情况，并显示以下警告。Fetching scripts with an invalid type/language attributes is deprecated and will be removed in M56, around January 2017.在项目已经完成的基础上，使用webpack进行打包，安装@vue/cli-service，降低less-loader版本，配置elementui-plus
2022-11-17 15:13:49
3140
1
原创 vue2多条件筛选，配合el-tooltip实现二级分类
vue2完成多条件筛选功能，配合elementui中的el-tooltip，实现一级或二级分类筛选功能，同时增加头部分类显示，可删除或清空。超过一行高度的分类项进行隐藏，通过按钮实现展开和收起功能，效果如图所示。
2022-11-07 10:19:10
2651
原创 Vue2+ElementUI el-form resetFields()方法重置无效，el-dialog destroy-on-close无效
在el-form中重置一般就是使用resetFields()方法，提交成功后使用该方法没有问题，但是关闭dialog，再次打开就还会存在上一次的数据，也无法使用resetFields()方法实现，在网络上查找到，这个方法不是将表单重置为空，而是将其重置为初始值。在el-dialog中嵌套一个表单，提交关闭再次打开时需要置空，有时在el-dialog中使用destroy-on-close就可以，但是有的时候又会无效，之前有效时是写在组件里的，不知道是不是这个原因，没有深究。
2022-09-05 14:39:21
1194
原创 记录elementUI el-table中遇到的bug，图片异步加载，滚动条消失
使用el-table中固定表头的方式，添加height属性即可，但它的滚动条数据获取后计算得出，而我的图片是通过后端接口异步下载下来的。出现问题：所有的数据可以在这个高度内显示完，是没有滚动条的，图片加载完，所有的数据就会超过这个高度，应当显示滚动条，但并没有显示。在网上查找出来的方法：删除height属性，添加height和overflow的样式。在el-table上设置相对定位，再将table的头部样式设置成sticky定位。出现问题：头部固定失效，底线将一条数据隔断。
2022-08-22 10:41:03
1991
原创 Vue+ElementUI 将表单做成组件公用，添加slot方法便于外部添加其他
整体思路：子组件中正常创建表单，父组件调用时，在插槽中添加el-form-item，将所有的v-model统一存在一个对象中，通过props传递给子组件，在每个item中写好rules，在各个控件中写入:validate-event="false"（因为在表单验证的时候会有些问题出现，所以这里采用统一的点击按钮后进行验证），最后在子组件即将提交表单时将数据合并，完成验证后传给后台。多个界面内容展示类似，都需要提交相同的表单，为方便之后的需求变更，通过插槽可以添加新的表单项。...
2022-08-15 10:24:15
3672
原创 Vue 通知公告横向滚动
通知在上图红色区域内滚动<div class="msg-box" ref="msgBox"> <span class="msg" ref="scrollMsg">{{msg}}</span></div>通知标题和内容使用了grid布局，所以宽度100%就是整个红色框。使用子绝父相，滚动内容采取绝对定位，依靠style.left进行内容的移动。 .msg-box{ width: 100%; ...
2022-03-01 15:39:57
2547
原创 使用el-tabs动态添加表单（数组形式）
<el-form-item label="成果专利"> <el-button size="small" @click="addTab(editableTabsValue)" plain> 点击添加 </el-button> </el-form-item> <el-tabs v-model="editableTabsValue" type="card" @tab-re...
2022-01-19 12:02:03
2456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人