- 博客(37)
- 收藏
- 关注
RSS订阅原创 vue2 打印标签功能 用于10cm*10cm纸张
解决办法1：是把图片定位到html下面，层级为-1（需要有背景色，可以设置成白色，不然会重叠），然后把v-if 改成v-show。2：代码如下（大致的思路是 打印时 先把打印的区域转换成图片，然后在用printJS打印出图片，这样布局和样式就不会丢失。3：如果取消了打印，图片会把html覆盖，这样就不能进行复制操作；解决办法2：是把图片设置透明，然后把v-if 改成v-show。4：撒花 *★,°*:.☆(￣▽￣)/$:*.°★*。1:例图如下 （html布局可自定义修改）
2024-07-10 14:52:07
184
原创 vue, 左右布局宽，可拖动改变
height: document.documentElement.clientHeight - 标签栏的高,1：建立一个draggableMixin.js 混入的方式使用。2：代码如下draggableMixin.js。//左右托拽的条条 样式可以自己改。高度想要自适应的话，把固定高度换成，
2024-06-24 10:26:05
323
原创 vue2 增加左侧目录搜索功能
方式二：也可以不用cdn方式，npm install fuse.js，需要在子组件里面加上这个 import Fuse from 'fuse.js'方式一：cdn方式引入 fuse.js 轻量级模糊搜索，在html页面里面引入，引入后记得重启，不然不生效。有其他问题可以评论联系，*★,°*:.☆(￣▽￣)/$:*.°★*。2：引入方式 （fuse更多使用功能可以百度搜索）3：可以把这个封装成一个组件使用。navList对应的数据结构是这样的。子：就是下面代码 （
2024-06-18 13:36:05
224
原创 el-tree data.label.indexOf is not a function
解决办法，是不是label 不都是字符串，换成字符串就行，label 我这里换成了name,可以不用更换。因为我这name一个是数字，一个是字符串。// 过滤左侧树的数据。
2024-05-31 14:35:31
196
原创 css图片或者容器自适应宽高，
大小是根据外层div 的padding-bottom和width 构成的。直接贴代码就可以使用，div可以直接换成img。
2024-03-28 10:00:22
223
原创 element validate中代码不执行问题解决方法
所以在else 里面加上validate();因为验证成功后没有没有触发validate验证。
2023-10-25 11:56:26
194
原创 vue3 使用SockJS报错 ReferenceError: global is not defined
vue3 ts 使用SockJS报错 ReferenceError: global is not defined
2023-08-09 15:36:03
1375
原创 根据相同名称进行分类 并增加parent 树型数据
根据相同的text 名称分类 并且分类出来的第一个数据里面增加render: "split", 属性，剩余的增加parent:id,其中id值为分类出来的第一个id的值。
2023-06-14 17:34:31
74
原创 uniapp踩坑记录
踩坑一：uniapp打包后提示本应用使用HBuilderX 3.5.4 或对应的cli版本编译，而手机端SDK版本是3.7.3，不匹配的版本可能造成应用异常的解决办法。解决方法：下载对应的HBuilderX3.7.3版本（下载前记得删除原来的）解决方法：在manifest.json里面勾选所对应的。踩坑二：uniapp打包时提示添加barcode模块。下载链接（包含所有版本）
2023-04-17 15:07:43
458
原创 Vue3的可写计算属性
计算属性默认是只读的。当你尝试修改一个计算属性时，你会收到一个运行时警告。现在当你再运行 fullName.value = 'John Doe' 时，setter 会被调用而 firstName 和 lastName 会随之更新。不要在 getter 中做异步请求或者更改 DOM。Getter 不应有副作用。避免直接修改计算属性值。
2023-03-20 16:47:12
448
原创 Vue3全局注册组件的问题
全局注册，没有被使用的组件无法在生产打包时被自动移除 (也叫“tree-shaking”)。如果你全局注册了一个组件，即使它并没有被实际使用，它仍然会出现在打包后的 JS 文件中。相比之下，局部注册的组件需要在使用它的父组件中显式导入，并且只能在该父组件中使用。它的优点是使组件之间的依赖关系更加明确，并且对 tree-shaking 更加友好。全局注册在大型项目中使项目的依赖关系变得不那么明确。在父组件中使用子组件时，不太容易定位子组件的实现。和使用过多的全局变量一样，这可能会影响应用长期的可维护性。
2023-03-20 16:45:13
300
原创 watch 侦听器（Vue3）
此外，如果你需要侦听一个嵌套数据结构中的几个属性，watchEffect()可能会比深度侦听器更有效，因为它将只跟踪回调中被使用到的属性，而不是递归地跟踪所有的属性。该回调函数会在副作用下一次重新执行前调用，可以用来清除无效的副作用，例如等待中的异步请求。watch 会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调函数的触发时机。在深层级模式时，如果回调函数由于深层级的变更而被触发，那么新值和旧值将是同一个对象。这意味着你在侦听器回调中访问的 DOM 将是被 Vue 更新之前的状态。
2023-03-20 16:23:10
135
原创 vue3使用 tailwind css
5：不用写在html标签上的写法 , 这种写法可以解决ctrl+s自动格式化的问题。如果第一步报错的话，可以看看官网，没有报错的话，继续第二步。@apply警告问题：需要配置，可自行百度（不影响运行）3：在tailwind.config.js 里面加入。4：在main.ts里面引入。2：第二步 生成配置文件。
2022-10-17 16:45:31
885
1原创 vue 引用@font-face
之前页面用的是阿里云线上路径，现在改成本地1：先把线上文件下载下来，存放到assets文件夹下（根据自己喜好存放）2：下载下来的css里面，也要看一下，引入的字体是不是也是也是线上的 如果是一并下载下来3：然后一定要在main.js里面引入，否则不生效main.js里面 import './assets/a/b.css' //你下载下来存放的路径...
2022-02-24 13:48:28
783
原创 js数组里面对象移动指定位置
let data=[{name:1},{name:2},{name:3}]//arr:原数组，a:某个对象当前位置，b:某个对象想要移动到的位置function Move(arr, a, b) { let arr_temp = [].concat(arr); arr_temp.splice(b, 0, arr_temp.splice(a, 1)[0]); return arr_temp;}console.log(Move(data,1,0))//[{name:2.
2022-02-23 17:06:54
2635
原创 js正则只允许输入数字和字母
加在input框上onkeyup="this.value=this.value.replace(/[^\d|a-z|A-Z]/g,'')"
2022-02-23 16:32:11
3602
原创 el-input 框有时候无法输入
不需要做验证：使用下面这个能完美解决：<el-input v-model="value" @input="change($event)" />//强制刷新change(e){ this.$forceUpdate();}需要做验证：上面这种有时候会导致验证失效官网有这样一句话，更新组件的绑定的值，如果没有绑定值的话，输入框显示的值将不会改变，导致不能输入所以解决方案是，一开始就加上默认的值 注意：不要写成一个空form:{}，form对象里面需要有值.
2022-02-17 10:30:29
944
原创 uniapp使用luch-request
附带luch-request网站:3.x文档 | luch-request为啥用它：uniapp自带的uin.request不能传递数组，需要转换才行，对参数处理不太好luch-request可以传递数组并且还有请求前后拦截，自定义参数等等废话不多说开整！（记得登录）1：在插件市场里搜luch-request 如图所示：2：这里需要注意了，导入此插件需要使用 2.9+ 以上版本的 HBuilderX（低版本的请升级，要么就下载zip，然后解压放到项目里）3：会提示（已高于这.
2022-02-16 10:43:53
3031
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人