- 博客(84)
- 收藏
- 关注
RSS订阅原创 ＜el-table＞右侧有空白列解决办法
在f12中看代码，可以看到 类名为 gutter的一列，这个是由于设置了 max-height 产生的，如果去掉了max-height还不管用，就直接隐藏。解决办法：.box 为本页面最外层的class名，保证各个页面样式不会互相污染。
2025-02-24 14:15:24
255
原创 ：style响应式，computed函数监听，循环遍历传参
在this.data发生变化的时候，触发 computedStyle函数，一位内this.data是多层嵌套数据，所以在更新时需要做“序列化-反序列化”处理，确保数据是准确的，这一步是computed函数里面的getData.不然是拿不到参数的，怎么打印都是返回一个 VueComponent对象。return(‘参数’)=>{
2025-01-15 10:10:23
145
原创 el-select改变时，数据变了，但是视图不变
问题描述：select绑定了 v-model，但是切换时，页面视图不更新，控制台log，数据已改变。解决办法：使用change 的 $forceUpdate() 函数，问题解决，见图。给select设置change函数，强行再次给数据赋值，页面视图仍旧不更新。
2024-12-05 17:06:09
392
原创 el-table滚动下拉数据显示不全
今天在开发时，调整页面滚动时，遇到了如图问题，表格固定了高度，但是数据只有视图区域的渲染完全，下拉发现数据缺失，但f12看dom节点的时候，显示是存在三个按钮的，但是页面就是不显示，原来的代码是这样的。属性为 Table 指定最大高度。此时若表格所需的高度大于最大高度，则会显示一个滚动条。z在看官方文档的时候，发现固定高度不是这么写的。
2024-10-31 10:04:31
814
2
原创 sass安装问题
之后又百度了方法，要先安装cnpm，通过cnpm安装sass,但是需要注意，安装cnpm要求node版本必须大于14.18.0，如果不符合要求，需要下载nvm去升降nodejs版本，我这里是有3个版本，14.17 16.19 和最新版。之后百度的方法，清除缓存再次安装（删掉node_moudle）,显示安装成功，但是运行还是会报错找不到sass模块。如果报错certificate has expired，原因是证书过期，需要输入以下命令，然后重新安装。切换到16版本nodejs，安装cnpm。
2024-09-25 11:41:54
268
原创 draggable 解决＜transition-group＞ children must be keyed: ＜div＞
原因：element.key有默认值，但是又重新更新生成的过程，如果在拖拽过程中重置id没有执行完就会报错，因为此时element.key是没有值的。第二次尝试把:key="element.key" 换成了:key="index"下标。把下标后加入随机数，确保唯一性:key="index+Math.random()"效果：时而报错，时而不报错。
2024-09-12 09:56:53
342
原创 ＜el-row＞中，click.stop不生效
框架的 Element UI 库中，对于一些组件，如 el-row ，可能不能直接通过在其上添加 @click 来绑定原生的 click 事件，因为这些组件可能没有实现 click 事件的派发。示例代码如上，再点击时，click.stop不生效，不执行，直接去执行父组件的函数。献上解决方案:再套一层div，把.stop加在div上。
2024-08-09 11:53:36
1112
原创 在地址栏里输入一个 URL,到这个页面呈现出来，中间会发生什么
返回相应的 html 给浏览器，因为 html 是一个树形结构，浏览器根据这个 html 来构建 DOM 树，在 dom 树的构建过程中如果遇到 JS 脚本和外部 JS 连接，则会停止构建 DOM 树来执行和下载。据，并将这个 http 请求封装在一个 tcp 包中，这个 tcp 包会依次经过传输层，网络层，求，这个请求报文会包括这次请求的信息，主要是请求方法，请求说明和请求附带的数。数据链路层，物理层到达服务器，服务器解析这个请求来作出响应，之后进行布局，布局主要是确定各个元素的位置和尺寸，
2024-02-20 12:43:19
445
原创 click 在 ios 上有 300ms 延迟，原因及如何解决
检测到 touchend 事件后，立刻出发模拟 click 事件，并且把浏览器 300 毫秒之后真正出。所以如果页面不需要缩放的话，首选第一个解决方案。
2024-02-20 12:21:25
680
原创 移动端图片有白边（图片本身无问题）
针对于部分手机图片拼接处有余白的问题，先排除是不是图片本身有余边，如果不是图片的问题的话 就给图片加display:inherit；
2023-07-26 11:08:20
206
原创 css模块上下移动循环，动画动效
这两句，注意 example 是和下面动画效果对应的。首先给要加动效的盒子 / 图片加上。然后使用循环来上下移动这个元素。
2023-07-26 11:06:45
1567
原创 css按钮循环放大缩小动画动效
首先给需要加动效的盒子，加上类名fireworks，然后针对这个类名，写一个样式循环，使用transform来缩放对应的盒子，里面的内容会跟着一起适配。
2023-07-26 11:03:59
1371
原创 background-image跑偏，跑位等问题
在使用background-image的时候，一定要配合background-size：（宽，高）一起使用，可以解决绝大多数跑偏跑位等问题。
2023-03-23 13:29:02
495
原创 正则匹配emoji
const regStr = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/gi
2023-03-03 14:38:54
8813
原创 JS字符串切片，动态替换某一段字符
需求：把path里面的 /后的TStwa....jpg，替换成name。然后把切片后的数组的最后一项，替换成自己想要的，再转变成字符串。首先是根据 / 对字符串进行切片。
2023-02-15 13:21:55
158
原创 uview+小程序+u-collapse-item 包含if， slot失效的问题
首先是判断v-if的值是不是true，结果发现只因毛问题都没有，最后怀疑到v-if和slot不能同时出现这个问题上，去掉v-if，插槽显示。确定了问题在哪，就开始尝试解决问题。今天遇到了一个bug,说是下图的插槽一直不显示。然后我把v-if写在slot的里层，问题解决。查看代码，是一个v-if 控制的插槽，如图。首先我选择了把v-if 写在外面一层，无果。
2023-02-15 09:27:22
1627
原创 vue解决返回上一页保留之前的搜索 及 搜索结果
activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次（可用于页面预加载数据）；今天处理bug 遇到了这样一个需求 ， 列表页如果用户先进行了条件搜索 ， 再查看详情 ， 返回时需要返回到搜索之后的列表页面。mounted()：页面初始化完成后，加载完dom后触发，与created一样只会触发一次（可用于页面初始化数据）
2023-01-30 10:22:51
2789
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人