- 博客(45)
- 收藏
- 关注
RSS订阅原创 vue3 使用 konva
1：安装 npm install vue-konva konva --save。3：直接粘贴复制就能用你 （重要的地方做了备注）在main.ts 里面引入。
2024-12-12 17:49:51
735
原创 vue2 条形码 打印3*5的标签，打印标签
注意：主要是在这个margin-top的属性，不加的话打印出来就是空白的。想要验证的话可以把注释的打开，多建立几个就知道当前打印的位置了，2:main.js 引入。
2024-09-06 09:46:30
648
原创 el-table 合并单元格后 hover错乱
3:copy到method里面 （把sn换成合并单元格里面的一个相同的元素，就是根据什么去合并的）2：data里声明一个变量 hoverRowLike:-1。// 鼠标进入单元格，记录下当前行的like。// 给相同like的row添加类名。1：在el-table上加入这三个属性。举个例子假设你的是这样的数据。
2024-08-30 10:53:10
726
原创 vue el-select下拉框在弹框里面错位，
加上这个属性 :popper-append-to-body="false" 和样式。全局修改的话，把class样式 单独放一个css文件里面，然后在main.js里面引入。1：原因是因为 底层滚动条滚动的问题。
2024-08-13 10:43:24
665
原创 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
620
原创 vue, 左右布局宽，可拖动改变
height: document.documentElement.clientHeight - 标签栏的高,1：建立一个draggableMixin.js 混入的方式使用。2：代码如下draggableMixin.js。//左右托拽的条条 样式可以自己改。高度想要自适应的话，把固定高度换成，
2024-06-24 10:26:05
463
原创 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
409
原创 el-tree data.label.indexOf is not a function
解决办法，是不是label 不都是字符串，换成字符串就行，label 我这里换成了name,可以不用更换。因为我这name一个是数字，一个是字符串。// 过滤左侧树的数据。
2024-05-31 14:35:31
252
原创 css图片或者容器自适应宽高，
大小是根据外层div 的padding-bottom和width 构成的。直接贴代码就可以使用，div可以直接换成img。
2024-03-28 10:00:22
319
原创 element validate中代码不执行问题解决方法
所以在else 里面加上validate();因为验证成功后没有没有触发validate验证。
2023-10-25 11:56:26
269
原创 vue3 使用SockJS报错 ReferenceError: global is not defined
vue3 ts 使用SockJS报错 ReferenceError: global is not defined
2023-08-09 15:36:03
1746
原创 根据相同名称进行分类 并增加parent 树型数据
根据相同的text 名称分类 并且分类出来的第一个数据里面增加render: "split", 属性，剩余的增加parent:id,其中id值为分类出来的第一个id的值。
2023-06-14 17:34:31
101
原创 uniapp踩坑记录
踩坑一：uniapp打包后提示本应用使用HBuilderX 3.5.4 或对应的cli版本编译，而手机端SDK版本是3.7.3，不匹配的版本可能造成应用异常的解决办法。解决方法：下载对应的HBuilderX3.7.3版本（下载前记得删除原来的）解决方法：在manifest.json里面勾选所对应的。踩坑二：uniapp打包时提示添加barcode模块。下载链接（包含所有版本）
2023-04-17 15:07:43
715
原创 Vue3的可写计算属性
计算属性默认是只读的。当你尝试修改一个计算属性时，你会收到一个运行时警告。现在当你再运行 fullName.value = 'John Doe' 时，setter 会被调用而 firstName 和 lastName 会随之更新。不要在 getter 中做异步请求或者更改 DOM。Getter 不应有副作用。避免直接修改计算属性值。
2023-03-20 16:47:12
581
原创 Vue3全局注册组件的问题
全局注册，没有被使用的组件无法在生产打包时被自动移除 (也叫“tree-shaking”)。如果你全局注册了一个组件，即使它并没有被实际使用，它仍然会出现在打包后的 JS 文件中。相比之下，局部注册的组件需要在使用它的父组件中显式导入，并且只能在该父组件中使用。它的优点是使组件之间的依赖关系更加明确，并且对 tree-shaking 更加友好。全局注册在大型项目中使项目的依赖关系变得不那么明确。在父组件中使用子组件时，不太容易定位子组件的实现。和使用过多的全局变量一样，这可能会影响应用长期的可维护性。
2023-03-20 16:45:13
363
原创 watch 侦听器（Vue3）
此外，如果你需要侦听一个嵌套数据结构中的几个属性，watchEffect()可能会比深度侦听器更有效，因为它将只跟踪回调中被使用到的属性，而不是递归地跟踪所有的属性。该回调函数会在副作用下一次重新执行前调用，可以用来清除无效的副作用，例如等待中的异步请求。watch 会避免在发生副作用时追踪依赖，因此，我们能更加精确地控制回调函数的触发时机。在深层级模式时，如果回调函数由于深层级的变更而被触发，那么新值和旧值将是同一个对象。这意味着你在侦听器回调中访问的 DOM 将是被 Vue 更新之前的状态。
2023-03-20 16:23:10
169
原创 vue3使用 tailwind css
5：不用写在html标签上的写法 , 这种写法可以解决ctrl+s自动格式化的问题。如果第一步报错的话，可以看看官网，没有报错的话，继续第二步。@apply警告问题：需要配置，可自行百度（不影响运行）3：在tailwind.config.js 里面加入。4：在main.ts里面引入。2：第二步 生成配置文件。
2022-10-17 16:45:31
977
1原创 vue 引用@font-face
之前页面用的是阿里云线上路径，现在改成本地1：先把线上文件下载下来，存放到assets文件夹下（根据自己喜好存放）2：下载下来的css里面，也要看一下，引入的字体是不是也是也是线上的 如果是一并下载下来3：然后一定要在main.js里面引入，否则不生效main.js里面 import './assets/a/b.css' //你下载下来存放的路径...
2022-02-24 13:48:28
863
原创 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
2779
原创 js正则只允许输入数字和字母
加在input框上onkeyup="this.value=this.value.replace(/[^\d|a-z|A-Z]/g,'')"
2022-02-23 16:32:11
3880
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人