- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue2，实现不同分辨率下高度不同
问题：使用el-table组件时，分辨率不同下表格显示有问题，这时候需要把el-table的height属性设置为动态的，实时监听浏览器窗口分辨率变化，因为监听的是浏览器的窗口变化事件所以最好写在mounted周期里。
2024-04-23 18:54:48
302
1
原创 对象套对象处理数据格式
Object.values()和Object.keys()对象方法,一个是把对象的所有value返回成一个数组，一个把所有key返回成数组，思路：既然后端做了限制那我们只要没有填写查询条件时不传相对应的字段就行，观察数据格式是对象套对象，这里可以使用。如图不查询时也会把十几个参数传给后端这就导致查询特变慢，
2024-03-22 19:54:16
152
1
原创 组织树实现新增、修改、删除
这是典型的树结构，组织树接口返回的结构都是这样的，每个对象下都有个children字段，这个children就是子节点，如果需要实现添加只需要在点击添加时给点击对象的children字段下在push一条数据就行。因为我这里的需求是删除的时候点击的节点也需要删除，思路就是获取到点击节点的父id通过父id去查找节点的父级把children置空就能实现删除，这里接口返回的父id字段是fzbid。修改时需要先回显数据，打开弹窗的时候判断状态，1是新增2是修改，修改时给v-model赋值。首先先来看一下数据结构。
2024-03-19 10:43:18
176
原创 uniapp实现局部刷新，scroll-view组件
函数onPullDownRefresh;另外一种是局部的下拉刷新也叫自定义下拉刷新, 使用scrpll-view组件中的自定义下拉刷新事件。scrpll-view，需要给scrpll-view设置一个高度要不然不显示，uniapp的下拉刷新有两个方法, 一种是整体的下拉刷新, 使用页面。@refresherpulling 自定义下拉刷新控件被下拉。
2024-03-08 12:05:40
466
1
原创 VUE滚动条事件，监听滚动条位置，控制按钮显示隐藏
原因：vue封装组件后，常常是在组件里面继续轮滑，而document.documentElement.scrollTop拿到的是最外层浏览器的轮滑高度，所有一直是0。如果不加true,那么这个事件就会在冒泡阶段执行导致失效. 默认为false,改为true的时候它就会在捕获阶段执行。如果滚动条事件失效有可能是因为没有添加true的原因，这里true的作用是，
2024-03-07 13:28:46
274
原创 uniapp使用阿里巴巴矢量图遇到的问题，报错：Cannot find module ‘./iconfont.woff2?t=xxxxx
如果你的iconfont位置跟我一样直接在iconfont.woff2?t=xxx前面添加~@/static/iconfont/就行，如果不一样自行看在哪里只需要引用~@就行。找到iconfont.css,注意看放在哪里，正常都是放在static下，（vscode写法）（uniapp写法）
2024-02-27 13:01:11
203
原创 el-tree树形图实现添加数据
解决方案：这里把接口拆分为俩个，第一个接口先请求前两层的数据，第二个接口点击的时候请求。项目需求：需要实现树形图，这里选用elemntui的tree树形控件，遇到问题：由于数据很多一次性请求的话树形图加载很慢，
2024-02-24 22:29:30
157
原创 JS实现外链无法访问，document.referrer方法
需求：有个A平台点击需要跳转到新的页面B，但是这个B页面只允许从A平台点击的时候通过链接打开，如果是浏览器输入或者复制都不允许打开，这种做法是为了防止外链暴露。由于我是直接通过输入网址打开的所以type为空，如果是通过点击链接打开的会返回当前页面的地址，通过判断type是不是为空就可以实现关闭外链。这个方法会返回一个值，如果用户直接导航到页面（不是通过链接，而是通过使用书签），则该值为空字符串。由于此属性仅返回一个字符串，因此它不会授予对引用页的文档对象模型 （DOM） 访问权限。
2024-02-24 22:17:33
230
原创 echarts图表里的文本提示，formatter的用法
需要给每个散点一个文本内容，使用formatter自定义内容。在series里的label配置项，配置文本提示。
2024-02-22 16:38:05
247
1
原创 vue+ElementUi+iframe实现轮播不同的网站
第二步：使用elementui的轮播组件搭配iframe实现轮播。工作需求：需要实现一个轮播图，轮播内容是不同的网站，并实现鼠标滑动时停止轮播，当鼠标10秒内不动时继续轮播。组件的具体使用可以查看elementui官方文档。el-carousel组件是自带一个悬浮页面停止轮播的功能的，因此需要先重置鼠标的悬浮事件。第三步：上面已经实现可以轮播内联网页了，但是还需要监听鼠标移动事件来实现停止轮播。
2024-02-10 12:34:37
447
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人