- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue中 向一个数组中的每一个对象里添加一个属性
val.fileNmeC = val.fileName.split('_')[0] val.ddc = val.fileName.split('_')[1].split(".")[1] console.log("aa",val.ddc)实现此功能的数据处理方法，总结了如下三种方法，主要核心思想就是把要添加到这个数组对象里的属性 去挂载到这每一个对象里方法一：直接挂载 (推荐)if (res.code === 2...
2021-03-17 11:00:41
11388
3
原创 vue控件 treeSelect组件改变默认禁用颜色，以及字体颜色
<style lang="scss"> .vue-treeselect__control{ height: 26px!important; line-height: 26px!important; font-size: 12px!important; text-indent: 4px!important;} .vue-treeselect__placeholder{ line-height: 26px!important; font-size: 12px!imp..
2020-12-02 00:11:50
7255
5
原创 element-ui的table表格控件表头与内容列对齐方式问题
element-ui的table表格的个别列对齐方式当文章中需要如下效果的时候就不能统一设置如下代码：全部列都居中对齐 <el-table :header-cell-style="{background:'#eef1f6',color:'#606266',textAlign:'center'}" :cell-style="{textAlign:'center'}" ...
2020-08-14 14:51:21
4500
原创 输入框校验特殊字符以及回车不能输入
placeholder="输入框仅支持常规字符输入，请勿输入特殊字符"// 过滤不允许输入的特殊字符和回车。监听下change事件。
2024-07-17 15:22:53
236
原创 在浏览器中，设置小于1px的边框可能会被渲染为1px。这是由于浏览器的渲染引擎对小于1px的值处理不一致
为了实现border小于1px的视觉效果，你可以使用一下几种方法。
2024-06-18 22:31:17
546
原创 当标签中出现输入了字母或者数字直接在一行上，没有换行的 情况时怎么办
当标签块中输入的是包含字母或者数字的时候，他不会换行，在一行上显示滚动条的形式，而我们想让他走正常文档流，该换行的时候换行。
2024-05-26 12:57:29
182
原创 vue3引入图片 无法使用require， vue3+vite构建项目使用require引入包出现问题需要用newURL来动态引入图片等静态资源
vue3引入图片 无法使用require， vue3+vite构建项目使用require引入包出现问题需要用newURL来动态引入图片等静态资源
2024-04-23 18:37:05
1707
原创 vue3的 watch
这意味着，每当这个函数返回的值发生变化时，回调函数会被触发执行。这种情况适用于监视一个函数返回值的变化，而不是直接监视一个变量或对象。发生变化时，回调函数会被触发执行。这种情况适用于监视具体的对象或值。两个例子中，主要区别在于监视的对象不同。监视的是一个函数，这个函数返回。
2024-04-09 18:03:38
164
原创 关于vue3的简单学习
vue2中对于引用类型后添加的属性是么有响应式的，需要$set手动添加或者强制刷新页面更新，在vue3中通过Proxy去拦截整个data对象，对于后添加的属性是自带响应式的。当一个响应式对象的属性被修改时，它将触发关联的副作用。在这个例子中， withHover 函数接收一个组件，并返回一个新的组件，新的组件有一个 isHovered 属性，表示鼠标是否悬停在组件上。
2024-04-09 17:45:38
941
原创 vue 复制合同链接功能
document.getElementById("copyButton").addEventListener("click", function( ) { var contractLink = "您的合同链接地址";点击事件中 function(){ // 分享合同获取链接 getTaskLink(v.contractId).then(res => { const text = ref("");请确保替换代码中的"您的合同链接地址"为实际的合同链接地址。2在main.js中引入。
2024-04-02 10:36:07
891
1
原创 arco-design 组件库中用 table 组件，做金额合计 sum
arco-design 组件库中用 table 组件，做金额合计 sum。这三个分别是要显示合计的字段，总金额 已付金额，待付金额 的列字段。serial: "合计", serial是要展示合计的列字段。
2024-03-31 11:25:42
417
原创 vue3 渲染一个后端返回的图片字段渲染、table表格内放置图片
vue3 渲染一个后端返回的图片字段渲染、table表格内放置图片，几种渲染方式用的ui组件库为arco-deiagn vue 组件库。此处为表格内单元格的图片放置，对其设置一个表格插槽即可。调用下接口吧返回的id传过去拼接即可。api/index.js文件。当图片字段接口直接返回的是。，可以直接放到img标签上。那么就需要去拼一下图片链接。
2024-03-28 16:46:54
853
原创 vue3 绑定form弹窗的方式
这种用法通常在开发基础组件时非常有用，因为它允许你在不清楚父组件会传递哪些特性的情况下，将所有的非 prop 特性都传递给子组件。这样可以实现对特性的透传，使得父组件可以自定义子组件的外观和行为。一、v-model="visibleProject"对应 :visible="model" const model = defineModel({ type: Boolean });的作用是将父组件传递给当前组件的所有非 prop 特性动态地绑定到。可以 在组件里对子组件visible 绑定的model单独监听。
2024-03-28 15:40:49
577
原创 npm install 报错 sha512
如果是一个刚搭架没多久的项目可能没什么关系，但是一旦这个项目是一个已经好几年的老项目，你在删除package-lock.json后，重新安装时，就会造成一些包的依赖项和原来不一致，此时你很难保证这些依赖项有没有进行过重大更新，一旦出现和以前版本不兼容的情况，就会导致整个项目无法正常启动。然后把这个包的整体信息删除。重新npm install 这样整个安装过程就只会更改有问题的这个包，并且package-lock.json会重新生成这个包的依赖项。
2024-03-27 10:00:57
1062
原创 项目中用了arcoarco-design 组件库，通过改ui组件库来改整体样式
当项目中用了arcoarco-design ，要改变整体主题风格或者组件的样式等，让ui配合通过其组件库去修改，然后前端在文件中修改ui给发布的版本号最后：npm install 就可以使用淘宝的源了其中。
2024-03-27 09:58:02
570
原创 A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\2018-9-24T10_55
A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\2018-9-24T10_55_24_806Z-debug.log。1.注：删除node_modules文件夹，删除package.json文件。如以上处理方式后，仍然报错，删除 packjson-lock.json 即可。npm install /cnpm install 重装一次。.因项目中安装模块，多次不成功，所以导致报错。
2024-02-19 17:13:24
470
原创 uniapp 移动端页面 返回顶部按钮，滚动到底部的时候按钮消失，往上滚动之后，按钮再重新出现
uniapp 移动端页面 返回顶部按钮，滚动到底部的时候按钮消失，往上滚动之后，按钮再重新出现
2024-01-30 16:47:50
715
原创 JS在一个数组中过滤掉另一个数组的简易方法
every() 方法使用指定函数检测数组中的所有元素：如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。出现了异步情况，先获取一下文件名，然后再给子组件送值 updateInfoVm.value.setData(info);有数组A与数组B，要在数组A中找到数组B中包含的项，并将其过滤掉，就可以利用filter方法和every方法快速实现。过滤一下a数组中包含b数组的过滤掉且 或者 包含但是等于特定条件的也留下来----start。且用async 处理一下。
2024-01-09 16:43:41
995
原创 vivo iqoo z1或者iqooz1x开启adb调试 更新记录
list of devices attached下无设备，表示未找到手机。在手机拨号界面输入*#558#，弹窗出现，然后开启调试。这次再运行项目的时候，做完上述步骤依据检测不到手机。*#*#7777#*#* 快速打开开发者模式。也是我的解决方法，把hbuildx版本更新，shift+右键'在此处打开此窗口'然后输入 .\adb devices。之前的时候iq系列手机只需要在。每天裁一坑，坑坑不一样系列！可见已经成功检测到了手机。然后重启hbuildx即可。
2023-11-03 17:33:41
1083
原创 关于 keep-alive Vue-动态组件使用
keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件中。用keep-alive包裹的路由页面路由地址不改变时，组件实例不会被销毁使用场景：例如有一个商品页面和一个详情页面，这样在两个页面切换的时候就可以用到keep-alive包裹,再切换到详情的时候，把商品页状态位置保留在内存中，没有销毁,（自身不会生成dom元素）等从详情返回的时候，页面还是之前
2022-05-16 18:52:08
1833
原创 HBuilderX踩坑记录 —— vivo iqoo z1或者iqooz1x开启adb调试
在打包运行APP的基座的时候，HBuilder X连接手机显示 未检测到手机或模拟器.\adb deviceslist of devices attached下无设备，表示未找到手机。在手机拨号界面输入*#558#再次测试adb连接可见已经成功检测到了手机。注意：需要注意的是，每次运行都需要走一遍这个流程o(╥﹏╥)o具体解决方法，转载与此篇文章，亲测有用HBuilderX踩坑记录（1）—— vivo iqoo z1开启adb调...
2022-04-09 18:21:26
2731
2
原创 js获取下一天，前一天日期
注意：不要说直接减1或者加1。例如：20120301减1就为20120300了，应该是20120229系统当前日期的前一天代码：法一：获取前一天日期 function GetYesterday(date) { let today=new Date(date); let yesterday_milliseconds=today.getTime()-1000*60*60*24; let yesterday=new Date(); yesterday.setTi
2022-04-07 17:54:40
1674
1
原创 vue 移动端底部菜单，选中图片动态切换
<div class="tabStyle"> <div class="tabLeft" :class="{ active: typeECharts === 'cost_items' }" @click="selectCDM('cost_items')" > 费用项目 </div> <div class="tabContent" .
2021-09-12 00:25:02
891
原创 数组过滤器 去掉数组中的多余字符串
1.定义一个数组arr["1-2-2", 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,"1-2-3", ];var arr = ["1-2-2", 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,"1-2-3", ];2. 使用数组的过滤器filter方法去筛选数组中的数据格式var arr2 = arr.filter(val => {return (typeof val === "number")})3.得到结果如下console.log..
2021-05-18 16:21:38
448
原创 Vue中echarts的 tooltip自定义使用
Vue中echarts的 tooltip自定义使用 var option = { tooltip: { trigger: 'axis', // formatter: '{a} <br/>{b}: {c} ({d}%)' formatter: function(params) { console.log("parm",params) return ( ...
2021-03-09 15:49:17
1019
原创 Vue 中 使用 Vant UI组件
Vue 中 使用 Vant UI轻量组件库特附官网https://youzan.github.io/vant-weapp/#/button在Vue中使用vant UI1.全局引入第一步先要下载这个组件npm install vant -S第二步导入所有组件import Vant from 'vant'import 'vant/lib/index.css'Vue.use(Vant)第三步 在页面中即可直接引入组件页面代码演示<template..
2021-01-28 14:48:39
778
1
原创 给for循环元素设置不同的样式
如何给循环元素加边框呢？？可以选择使用标签选择器来实现=====》1、first-childfirst-child表示选择列表中的第一个标签。例如：li:first-child{background:#fff}2、last-childlast-child表示选择列表中的最后一个标签，例如：li:last-child{background:#fff}3、nth-child(3)表示选择列表中的第3个标签，例如：li:nth-child(3){background:#fff}，代码中的3也可以
2020-12-08 16:43:23
1552
原创 ecma 6
关于ES6呢，它是ECMA的为JavaScript制定的第6个版本的标准，标准委员会最终决定，标准在每年的 6 月份正式发布一次，作为当年的正式版本。但是采用1234的版本号来标注规范显得不太合适。所以从 ECMAScript 6 开始，就开始采用年号来做版本,ECMAscript 2015 是在2015年6月份发布的ES6的第一个版本。依次类推ECMAscript 2016 是ES6的第二个版...
2020-03-08 19:10:57
330
原创 js this指向
一直以来我们对JS 中的this指向问题尤为头疼，那么今天梦颜带大家认识认识这个万恶的this大家首先要明确一点this概念：任何函数，内部都有一个变量(系统自动产生)this，每一个函数都有自己的主人。 那就是this 永远指向当前函数的主人 。 【注】构造函数中的this指向当前新创建的对象。构造函数主人就是属于新创建的对象。1、 普通函数的调用 //一般情况下th...
2020-03-01 12:36:12
127
原创 js正则
关于正则，我相信很多小伙伴跟我一样，在接触的时候信心满满，等学完之后会有点醉，（其实还是练得不够多）那么接下来随小编一起来复习一下这个傲娇的正则。正则：也叫做规则，让计算机能够读懂人类的规则。 有什么规则？下面小编带大家重新认识认识正则：正则啊，就像一台验钞机，在你不知道用户提交的钞票真假的时候，总能帮你一眼识别 ! 1、什么是正则，有什么用呢？正则：也叫做规则，让计算机能够读懂人类的规...
2020-02-22 20:42:24
9339
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人