- 博客(71)
- 收藏
- 关注
RSS订阅原创 vue3 自定义指令 v-click-outside
想用指令，但查询后发现，只有element plus框架才有，其余的如果想用，需要自己创建指令。
2025-11-07 16:13:09
166
原创 Vue xtermjs 黑窗口 插件的使用
但其实感觉官网没什么用，只有一个最简单的demo,具体的使用手册，还是得靠前人栽树了。由于我已经写好了ws通用组件，所以这里并没有创建此组件和使用AttachAddon。因为我这里已经和后台对接了ws 所以会有重复的返回（单数行都是ws返回的信息）xterm.js的附加组件，用于附加到Web Socket。
2023-03-15 20:30:04
4321
3
原创 Vue iview Selece下拉框内部套用Radio 点选按钮（change阻止默认事件问题）
主要问题点：Select 和 Radio组件的均为change事件，如何阻止冒泡
2023-03-09 09:13:17
1155
原创 Vue之iconfont
由于两个地方的iconfont.css文件中的字体命名都是"iconfont"，而且样式命名也是相同的，导致问题的出现。：由于我是因为自己的iconfont的与luckysheet的iconfont冲突，所以我全局替换了。（如果没有项目，请先到 资源管理->我的项目->点击新建项目）：新建/编辑iconfont项目时，如下红框所呈现的部分，【(font family ) (前缀)(图标名称)】5.将下载到本地的zip解压，复制到项目中。2.搜索想要的图标，加入购物车。2.将引入的图标 从。
2022-12-14 19:27:56
1201
原创 CSS之display:grid的用法和动态:before content内容
CSS之display:grid的用法和动态:before content内容
2022-12-14 08:58:11
3048
原创 vue 动态组件 render/jsx
无法渲染组件，只能显示原生的dom,操作起来实在是不方便。查阅了之后，发现可以用render或者jsx实现【这个方法并不能触发，需要使用原生事件。（可能是因为这个组件中并没有click事件）分别是compiler（模板）模式和runtime模式（运行时）。可是如何自己实现双向绑定，我用的是组件，并不是像官网一样。中设定value时并没有赋初始值。后，就开始想如何进行数据双向绑定。(虽然不高级，但好用啊。
2022-11-23 20:35:58
1713
原创 在vue table中使用treeselect 下拉内容不显示问题
table外层时，他是可以显示成功的，但当在table内部时，就显示不成功了。
2022-11-23 19:42:04
4100
原创 Vue之table2excel应用--前端表格导出
前端将后台传过来的数据，自定义去导出，不仅减少了再次去loading后台接口的时间，而且提高的用户体验度。但弊端是只能是当前表格所获取到的所有信息。后来发现可以自定义编辑【红色框起来的就是我自己写的，但水平与垂直居中还是没有生效…②.可以发现，excel的默认设定属性，将preserveColors(保存颜色) 改为true。2.添加到Vue项目中【public->新建文件夹table2excel->添加到此处】注意：我截图的这部分是对td属性的设定，还有关于对tr属性的设定，看源码即可分辨出来。
2022-10-27 20:00:05
3338
原创 Vue/JS 实现在Excel2003中，用A表示第一列，B表示第二列...Z表示第26列，AA表示第27列，AB表示第28列...依次列推。请写出一个函数， 输入用字母表示的列号编码，输出它是第几列
Vue/JS 实现在Excel2003中，用A表示第一列，B表示第二列...Z表示第26列，AA表示第27列，AB表示第28列...依次列推。请写出一个函数， 输入用字母表示的列号编码，输出它是第几列
2022-07-06 16:04:43
567
原创 常用的CSS
文章目录1-1:弹性布局 --横向居中1-2:文字居中vertical-alignline-height1-3 文字超出父级标签文字一行-超出为省略号文字多行-超出为省略号1-4 图片随div的大小变化,自动填充并居中显示1-5 普通流布局code1-51-41-3-21-3-11-2-21-2-11-11-1:弹性布局 --横向居中讲display:flex的好文使文字等比例放大缩小全局设定:font-size:25px;有文字的元素中设定font-size:0.25rem注:10px=1em块
2022-06-23 16:47:29
1130
1
原创 react 脚手架
React 脚手架1.创建项目并启动2.解析文件内容2.1 public-->index.html2.2 src-->index.js2.3 css的模块化2.4 快捷键3 写前端页面的考虑顺序1.创建项目并启动1.打开cmd全局安装：npm install -g create-react-appdir:查看文件夹里面的内容cls:清空cmd中内容2.构建一个项目npx create-react-app my-app3.启动项目npm start报错：react-refre
2022-06-23 16:34:08
320
原创 angular bug
1.当我想通过.ts文件控制前台样式时：error TS2339: Property 'style' does not exist on type 'Element'.解决方案： 设定变量类型为anyvar dgbc:any =document.getElementsByClassName('div-bg'); dgbc[0].style.backgroundColor='#D8D8D8'; ......
2022-06-23 16:29:37
358
原创 VUE el-table合并单元格，相同数据列合并（并实现表格行滚动）
Vue el-table合并单元格，相同数据列合并（并实现表格行滚动）行滚动展现效果
2022-06-08 16:55:55
5872
原创 前端数据集拖拽管理设定(await执行与执行顺序/Promise返回值获取与Promise.all的使用)
前端数据集拖拽管理设定项目Demo实现过程一共有五个参数：返回后台结果增删操作获取某数据集编码的下拉参数（async/await）同时获取两个setCode 对应的数据集字段（返回Promise如何获取值）项目Demo项目构想想要实现多表连接，如A表，B表之间，需要知道的信息如下：1.有哪些表：进行拖拽选择2.A表 与 B表的连接方式：Left join/Right join/Uniton…3.A表 与 B表的关系参数：如A.ID = B.ID逻辑：数据集：选择表对应关系：默认a与b
2022-05-20 11:38:37
715
原创 Vue 数值改变 页面没有刷新（解决数据改变视图不更新的问题）
解决数据改变视图不更新的问题情况描述原因解决方案当表格数据改变，表格没刷新时，并且使用了render解决方案情况描述值（List）修改后，打印值改变了，但页面数据没刷新如何赋值：this.tableData[index] = { ...this.tableData[index], ...result }想法：利用解构赋值，修改对应key的value值例：this.tableData[index] = {id:1,name:jarry} result={id:2}原因解构赋值如
2022-05-12 09:45:59
10612
原创 vue-draggable的多列拖动与拷贝拖拽（不删除源数据列）
vue-draggable的多列拖动与拷贝拖拽（不删除源数据列）Demo所用属性所遇困难Demo官方文档录屏软件：screenToGif (将视频转为Gif，我认为简单又好操作)我深知，文字的感知不如图片，图片的感知不如视频，所以希望在每一次的记录中，都有种收货与喜悦，虽然以前用过这个插件，相当强大的插件，但第一次从0到1，所以记录美好时刻~所用属性1.多列之间想要互相拖动要有相同的name，如：name:'site'2.多列直接想要拷贝，不移除设定pull属性 ，如p
2022-05-06 20:26:35
2860
1
原创 Vue Tab栏显示顺序混乱（tab栏内容不显示）
Vue Tab栏显示顺序混乱（tab栏内容不显示）问题情况代码原因论述发生情况（相同的小伙伴可以进行尝试）解决方案问题情况代码使用Vue的框架 iview<Tabs type='card' v-model='activeName' @on-click='clickTabs'> <TabPane v-if="isNotNull(setup) " name="first" label="配置" > <temp ref="formData" :options="
2022-04-14 17:18:34
2348
原创 Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a function
报错：Uncaught TypeError: jQuery.easing[jQuery.easing.def] is not a function原因当我用vue-superslide 时报错以上信息，问题原因是多个JQuery引入–由于我在public的index.html引用了luckysheet和在main.js 引入了superslide解决方案在代码页面单独引入superslide如果你的是多个jQuery引入 ，你可以选择删除掉一个Created with Raph
2022-03-31 10:09:27
2443
原创 vue-luckysheet 的销毁与局部刷新
luckysheet 的销毁与局部刷新销毁局部刷新详细代码如下文档的信息少之又少，又写的感觉不那么清晰，迷茫不知所措之际，打印了window.luckysheet才发现真管用如下：销毁window.luckysheet.destroy()局部刷新原理：每一次请求count+1上一个请求完成 再次执行excel请求函数直到count>最大的请求次数（最大的请求次数–此值后台返回）由于我的数据是每个cell进行前台接收的,所以使用了setCellValue方法window
2022-03-29 17:42:15
6139
12
原创 [Vue warn]: Error in nextTick: RangeError: Maximum call stack size exceeded
[Vue warn]: Error in nextTick: RangeError: Maximum call stack size exceeded当出现这个报错时，说明你有两个components的名称是一样的，所以在调用时两个循环调用不能结束就溢出栈了。原本以为自己是什么数据死循环了，然后报错，后来百度才知道是两个组件名字重复，可是排查过后，并没有组件名称相同的（我用的是vue-iview）最后发现是自己的组件和框架的标签相冲了自己的：colorPicker.vue文件 框架的颜
2022-03-25 15:18:19
1644
原创 vue-iview 中使用luckysheet 图标下拉项不显示问题
由于我是用了Modal 进行页面弹框显示luckysheet ,点击图标不显示原因排除问题后确认是图层的问题解决方案:设定图层 默认z-index =‘1000’ ,降低图层
2022-03-16 09:38:14
1900
1
原创 使用luckysheet报错：luckysheet.umd.js:26 Uncaught TypeError: $(...).mousewheel is not a function
vue-luckysheet踩坑百度方法:最终解决方案补充使用luckysheet报错：luckysheet.umd.js:26 Uncaught TypeError: $(…).mousewheel is not a function百度方法:但自己的VUE项目并没有引入jquery,并且自己下载了jquery 报错还是没有消失!!而且自己的问题是 excel 单元格 无法点击 后面查了有查,说是jquery引入无效.但所有的demo,官方示例都是如下引入的最终解决方案将JS 文件在bo
2022-03-15 14:11:09
5021
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人