- 博客(14)
- 问答 (5)
- 收藏
- 关注
RSS订阅原创 van-tab动态禁用tab时，下划线位置异常问题解决
因此想要转化成功的话，我们要保证，转化为active状态的选项，我们要保证在转化的时候处于非禁用状态，此处，我采用的方法是，用两个字段。js文件里，搜索van-tabs/index.js,找到以后打断点，页面刷新，debug那行代码时可以点击下钻，就会进入这个文件，搜索上述三个函数，合适的地方打上断点。返回的是个undefined，再走一遍，可以看到，我们即将把active对应的index赋给他时，发现被赋予的元素还是disabled状态，index被迫+1指向了不存在的地方，赋值失败。
2023-04-04 16:05:33
670
原创 electron+vue，手动修改titleBarOverlay标题栏样式报错问题
electron+vue ,手动修改标签栏样式报win.setTitleBarOverlay is not a function
2022-10-14 09:48:56
1441
转载 线上开启vue-devtool
将这段代码复制到控制台执行，这样vue devtool就出现啦！（有时可能会有延迟，强刷下页面，或者重启下控制台就会出现啦）var Vue, walker, node;walker = document.createTreeWalker(document.body,1);while ((node = walker.nextNode())) { if (node.__vue__) { Vue = node.__vue__.$options._base; if (!Vue.config
2022-05-05 16:52:59
603
原创 html2canvas绘制的图片内容完整，出现尺寸小于节点尺寸，空出地方为透明的问题。
在项目中使用html2canvas将html节点生成图片时，在谷歌和手机上测试没有问题，上线后在后台会看到用户上传的图片内容都是完整的，尺寸却不对，空出来的地方都是透明，示意图如下当时找了好久都不知道怎么复现，猜测是手机的问题，最后找产品要到了用户的手机型号，发现都是iphone，找了一台iphone做测试，发现在用户点击输入框时，ios会自动缩放页面，并且失焦以后不会恢复，对比不缩放的情况下绘制的图片，发现是缩放的问题，我自己的安卓手机上缩放绘制也是正常，但苹果的不对，因为这个缩放，如果绘制的节点里存
2022-04-08 15:37:52
674
原创 vue添加图片水印脱敏，动态水印字体大小、间距
记录一下前端添加水印，动态水印字体大小、间距项目里需要对图片添加整片的水印最开始是直接引用这位大佬的。前端js实现给图片添加水印这个大佬的方法里水印密度是手动传入的，对于同一个图片上传器。密度是固定的，或者说，对于同一个页面里的水印添加方法要实现传入不同的水印密度，就要多次调用，所以实际应用中，当窄图片和宽图片用同样的密度，即使缩小了字体，也会出现水印密密麻麻重叠的问题。并且水印字体的大小也区分的比较生硬。所以在此文代码基础上做了些修改以实现简单的动态字体大小、间距。新建一个waterMarker.j
2022-03-04 10:28:39
1758
原创 vant popover包裹元素为绝对定位时，位置不准问题解决
h5页面开发的时候遇到 i 这种小图标，用户点击会出现提示文字，大多情况下，该图标会在文档流中，这个时候用van-popover气泡弹出框不会出现问题，但是当ui图上明显和别的元素不在同一层次的时候，我们会使用定位来实现效果，这个时候，就会出现，点击图标，但是弹出的提示却在别的位置，而这个位置就是当包裹元素刨去定位在文档流中的位置。打开f12元素选择页面 可以看到包裹在图标外面的元素是.van-popover__wrapper，如果内部元素绝对定位，我们把鼠标移到.van-popover__wrapper
2022-01-07 11:33:10
2670
原创 vue3支持多个根节点会报的错误（目前来看可忽略）
按照vue3的路由keepalive书写：<router-view @changeLoad="changeLoad" v-slot="{ Component }"> <transition> <keep-alive include=""> <component :is="Component" /> </keep-alive> <
2021-10-08 14:23:38
1505
1
原创 element-plus中表格el-table使用show-overflow-tooltip修改气泡框宽度失败解决办法
以前用的是vue2.x，组件库是element ,做项目是用过show-overflow-tooltip，但是印象中没有修改过它的样式。目前用的是vue3搭配element-plus，使用了show-overflow-tooltip，但是发现内容过长时，宽度沾满100%，网上都是说修改.el-tooltip__popper，但是我修改以后毫无反应，不管是写在<style lang='css'></style>里还是写在一个公共的css文件里，再引入都没有反应。于是，我打开控制栏想
2021-09-18 17:26:13
4164
8
原创 vue3支持多根节点，eslint插件报错只能有一个根节点
有两种解决办法：1、在vetur扩展设置中找到template不勾选，就不会对此校验；2、第一种方法治标不治本，在vscode中项目多的话通常以添加到工作区的方式打开项目，只需要以打开文件夹的方式打开项目即以项目文件夹作为工作区的根目录。文件–》打开文件夹...
2021-06-04 09:53:03
2162
2
原创 导航栏下拉菜单被轮播图挡住，设置z-index没反应可能问题解决方法。
在做电商网站的时候，导航栏的下拉菜单被轮播图挡住，通常情况下，只要给他们各自的父级元素设置定位，然后设置z-index值，导航栏高于轮播图即可，但是设置以后却没有反应，依然被遮挡。这里我们要回忆一下z-index的使用条件之一是处于同一层级的使用了定位的元素，所以出现即使设置了z-index的值依然没反应，可能是我们忽略了两者并不在同一层级。对此我的解决办法是将导航栏和轮播图置于同一层级，设置z-index前者高于后者，在调整一下由于移动两个块所影响的样式就可以了。没有被遮挡了。...
2020-08-18 20:23:51
6211
原创 div中多个p标签设置的宽高计算过没有超过父级元素的宽高，却依然超出？
在做一个商品介绍的页面时，分成上图下字两个模块，在下面的模块中要输入三段样式不同的文字，采用三个p标签，外面套一个div父级的方式，给div设置一个尺寸，给三个p标签设置好样式，并且加起来的宽高不会超过父级的寸，理想状态如图但实际上却是这样明明尺寸计算没问题，但是还是超出了父级的范围，在网页检察元素后发现p标签默认下边距16px，因此只要选中所有出现问题的p标签，再给他们设置“margin-bottom:0px;”就可以了。...
2020-08-16 20:38:14
580
原创 span之间空白存在问题解决办法
span之间空白存在问题解决办法。我们在输入行内元素span时，明明两对span之间没有填充任何东西，也没有空格和 ，但在运行之后，我们发现它经常会超出原先预计的长度，在网页中右键检察元素查看代码，发现两对span之间存在空白。这是因为我们在每输完一对span之间的内容以后，习惯在末尾回车进行下一对的span内容输入，遇到这种情况，我们只要保证两对甚至多对span之间不要换行和空格就行。...
2020-08-09 22:30:05
1054
原创 Gitee本地仓库与远程仓库对接时出现username和password错误的问题，解决方式
Gitee本地仓库与远程仓库对接时出现username和password错误的问题，解决方式。如图所示解决方法:打开控制面板，找到凭据管理器，如果打开控制面板后没有显示如图中那么多的选项，可在右上角的查看方式里设置为大图标，即可看到凭据管理器。接下来打开windows凭据，找到我们1之前设置的gitee，点击“编辑”。由于我们之前设置的时候将username设置成我们gitee的账户名，是错误的，在这里将username重新设置成我们的gitee账号的邮箱即可。最后我们再在cmd中进行之前的
2020-07-30 10:02:29
5313
3
空空如也
浏览器修改字体大小，h5布局乱了
2022-05-12
iphone浏览器因为出现问题，页面已重载
2022-05-05
字体包压缩，文本不固定，由用户输入，有办法吗？
2022-03-25
element的日期选择器，弹窗位置根据滚动位置自适应特性失效，怎么解决？
2021-09-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人