自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 vue2使用 vue-img-cutter 裁剪图片

vue裁剪图片,

2024-08-01 15:51:48 52

原创 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

原创 vue2 使用 wangeditor

vue2 使用 wangeditor富文本编辑器。

2024-05-28 09:53:37 353

原创 vue 文本框 限制最大数

100:可以换成无穷大 Infinity。

2024-05-27 11:31:04 222

原创 css图片或者容器自适应宽高,

大小是根据外层div 的padding-bottom和width 构成的。直接贴代码就可以使用,div可以直接换成img。

2024-03-28 10:00:22 223

原创 dhtmlx-gantt 使用方法,

dhtmlx-gantt 甘特图使用方法 简单版

2024-02-02 12:00:08 847

原创 vue 浏览器识别二维码功能 pc和手机端

vue PC和移动端使用浏览器打开摄像头自动扫二维码

2024-01-19 11:15:00 809

原创 element 表格自适应宽度

element ui 表格自适应宽度

2024-01-17 11:39:46 474

原创 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

原创 Object.key遍历顺序错乱

objectSort(obj) {//排序的函数。

2023-06-30 15:54:17 348

原创 根据相同名称进行分类 并增加parent 树型数据

根据相同的text 名称分类 并且分类出来的第一个数据里面增加render: "split", 属性,剩余的增加parent:id,其中id值为分类出来的第一个id的值。

2023-06-14 17:34:31 74

原创 v-permission 按钮权限

建一个 permission.js。同目录下在建一个index.js。然后在main.js里面引入。

2023-05-09 11:29:28 295

原创 vue 下拉框循环数据

每十秒qualityType 值更换一次,更换完后重新开始循环。默认调取testThen();

2023-04-21 14:35:09 196

原创 多个请求 Promise.all 使用

【代码】多个请求 Promise.all 使用。

2023-04-19 14:39:31 111

原创 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

原创 vue 组件传值

其中$event 就是传过来的值。

2023-04-13 13:50:49 52

原创 js 数组对象去重

【代码】js 数组对象去重。

2023-03-22 16:17:17 71

原创 js 数组去重

【代码】js 数组去重。

2023-03-22 16:07:57 49

原创 数组对象根据某个值过滤重复的数据,并累加某个值

【代码】数组对象根据某个值过滤重复的数据,并累加某个值。

2023-03-22 15:03:03 73

原创 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

原创 js 判断对象的所有属性值是否为空

object:form表单对象。

2022-10-12 10:51:52 1392

原创 element el-table表格复选框改成单选框

 是为了防止出现索引

2022-08-12 10:21:30 921 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

原创 element ui 下拉框位置显示错位

element ui 下拉框位置显示错位

2022-02-17 18:34:55 1341

原创 element ui 级联选择器 选择最后一节点关闭下拉框

element ui 级联选择器 选择最后一节点关闭下拉框

2022-02-17 16:55:29 1601 2

原创 el-input 框有时候无法输入

不需要做验证:使用下面这个能完美解决:<el-input v-model="value" @input="change($event)" />//强制刷新change(e){ this.$forceUpdate();}需要做验证:上面这种有时候会导致验证失效官网有这样一句话,更新组件的绑定的值,如果没有绑定值的话,输入框显示的值将不会改变,导致不能输入所以解决方案是,一开始就加上默认的值 注意:不要写成一个空form:{},form对象里面需要有值.

2022-02-17 10:30:29 944

原创 new Map 实现过滤

new Map实现过滤,筛选

2022-02-17 09:46:24 559

原创 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关注的人

提示
确定要删除当前文章?
取消 删除