- 博客(55)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 this.$options.data()和this.$data
this.$options.data() 是页面原始的数据。this.$data 是修改过后的数据。
2023-11-14 11:22:44
468
原创 git 命令
git reset --hard 哈希值(commit号码）前六位。git push -f（强制推送到远程仓库（无操作历史记录）3.回滚代码到指定版本。
2023-06-25 10:16:46
95
原创 ES2020新特性（简称：ES11)
传统的promise.all:所有的promise均为成功，才可以走入then的回掉（参数为数组），只要有一个失败，则走入catch的回掉。2.Promise.allSettled:全部进入then的回掉，并且可以拿到每个Promise的状态, 而不管是否成功还是失败。如果res或res.id是null/undefined，表达式将会短路计算直接返回undefined。用来处理类似(res&&res.data&&res.data.id)1.promise.any:有多个异步计算，同时。
2023-06-08 17:08:47
558
原创 marquee实现公告栏文字滚动
8.vspace：设定活动字幕里所在的位置距离父容器垂直边框的距离，如vspace=“10”，即等同于：margin：10px 0；7.hspace：设定活动字幕里所在的位置距离父容器水平边框的距离，如hspace=“10”，即等同于：margin：0 10px。2.behavior 滚动方向：alternate、scroll、slide分别代表文字来回滚动、单方向循环滚动、只滚动一次。4.loop：设定滚动循环的次数(默认值是-1，滚动会不断的循环下去)9.align：设定滚动字幕内容的对齐方式。
2022-12-28 14:52:47
628
原创 element ui input输入框仅支持输入正负数和小数（正则）
3.输入框会显示步进器，而且字母eE会编译为数字显示出来。2.中的v-module不支持.number修饰符。比如这个正则/\-?想法1.找遍了正则表达以上需求的，但是没有一个实现的，主要就是负号比较难搞，小数点的正则倒是可以。背景在input输入框中只能输入负号-和小数点.还有数字1-9。......
2022-07-27 11:19:55
3554
原创 element-ui tree修改点击节点的背景色和鼠标经过节点的背景色
先上效果图 修改悬浮背景色修改点击背景色tree的代码，一定要加上highlight-current node-key="id"style里千万不要加scoped，否则样式无效如果要是想改字体颜色等其他样式，直接在里面写即可
2022-06-29 11:23:40
3952
原创 element-ui tabs栏的蓝色光标随页面滑动变化
//1.对页面id为box的设置scroll滑动事件 document.getElementById("box").addEventListener("scroll", () => { //2.获取整个页面的高度 const pageHeight = document.documentElement.clientHeight //3.获取id为idName的标签，其顶部到页面的高度 let contentTop = do...
2022-04-08 16:27:45
1279
原创 Vue中导出下载excel文件
downloadTable(){ //1.使用element-ui提供的服务式loading方法 const options = { spinner: "el-icon-loading", text: "下载中...", background: "rgba(0, 0, 0, 0.4)", }; const loadingInstance = Loading.service(options); //...
2022-03-14 14:39:15
2310
原创 递归组件循环引用组件不加载
背景：有两个组件：A和B。系统渲染A的时候，发现A是依赖于B的。但是渲染B的时候，发现B又是依赖于A的。两者循环嵌套。解决办法：在注册组件时候，使用webpack的异步import;不要使用import A from ' ./A.vue'components:{A:()=>import('./A.vue')}或者在beforeCreate的生命周期钩子函数中注册它beforeCreate(){ this.$options.components.A=require('
2022-03-09 09:44:38
1015
原创 JS在拼接字符串中加入空格
let str='空'+' '+'格'如果想这样插入空格,页面是无法展示出有空格的效果的解决：添加===>'\xa0' 即可实现let str='空'+'\xa0'+'格'
2022-03-03 18:22:24
2769
原创 Vue截取对应区域界面并下载为图片
第一步：yarn add html2canvas第二步：import html2canvas from 'html2canvas'第三步：在文件中引用组件components: { html2canvas}第四步：在点击事件里写入以下事件例如：<div ref="tupuPicture">要保存成为图片的区域</div><el-button @click="keepPicture">保存</el-button>
2022-02-26 01:58:06
1507
原创 new Date()，根据当前日期推倒任意时间段前后的日期
思路：1.把当前日期格式转换为时间戳T12.把时间段也转换成时间戳T23.进行T1-T2之间的计算，我一般都是用加法，然后时间段T2用正负来表示4.计算后的时间戳再转化为所需要的格式changeDate(-1)//获取当前日期，前一天的日期changeDate(num) { let date = new Date();//获取当前日期 date = date.getTime()//把当前日期转换为时间戳 date += (86400000) *
2022-02-16 15:03:34
747
原创 element-ui复选框el-checkbox包含单选框el-radio
先上效果第一步：html <div class="table-title"> <el-checkbox :indeterminate="rwisIndeterminate" v-model="rwcheckAll" @change="rwhandleCheckAll" >全选</el-checkbox>.
2022-01-14 16:17:59
2808
原创 xxx is not a constructor
let RegExp = new RegExp('[\\u4E00-\\u9FFF]','g')我遇到的问题是，通过这个正则表达式进行验证，当我console.log的时候console.log(RegExp.test(str))就报了一下错误：解决：不要声明的变量名和构造函数名称相同。修改为：let Reg = new RegExp('[\\u4E00-\\u9FFF]','g')console.log(Reg.test(str))，即可。...
2021-12-24 14:02:02
960
原创 js引用类型数组去重方法
第一步：定义一个对象let checkobj={}第二步：使用数组的reduce方法this.totalcheckboxitem=this.totalcheckboxitem.reduce((ary,item)=>{ checkobj[item.groupId]?'':checkobj[item.groupId]=true&&ary.push(item) return ary },[])...
2021-12-15 14:18:21
1077
原创 element ui popover弹框针对条件控制显示和隐藏
<el-popover placement="right-start" width="200" trigger="hover" :content="module.nav_suffix" :popper-class="module.nav_suffix?'':'popperclass'" >第一：找到弹框显示或.
2021-12-10 15:31:39
2322
1
原创 报错：input is invalid type
此报错信息是因为使用了md5加密，但是md5加密的数据没有找到undefinedcurObj.creditCode ? curObj.creditCode : md5(curObj.registerNo)) 此处的curObj.registerNo，如果是undefined，那么就会出现报错。看到此错误，控制台打印一下。...
2021-11-23 10:42:08
2421
原创 在tsconfig.json中报错找不到webpack-env的类型定义文件
解决方法：1.npm i @types/webpack-env @types/node -D一定要用npm安装，不要用yarn,否则会失败2.配置tsconfig.json{ "compilerOptions": { ... "types": [ "node", "webpack-env" ] }, ...}...
2021-11-19 14:09:23
9477
1
原创 element ui表格自定义行 列的样式
在<el-table>的标签上添加:cell-style属性<el-table :data="gridData" border :cell-style="columnStyle"></el-table>在methods中添加对应的columnStyle方法columnStyle({ row, column, rowIndex, columnIndex }) { //注意：第一行的索引为0 if (columnIndex ===
2021-11-12 09:36:16
1915
原创 element ui 分页后表格不刷新
背景：点击分页，可以获取到当前分页对应的数据。但是表格就是无法重新刷新。我试过:key，进行组件的强制刷新，但是仍然无法实现。解决：在获取到分页对应的数据后，对table绑定的数组，进行清空，重新赋值的处理。不要直接赋值，不要直接赋值，不要直接赋值。如果直接赋值，表格无法对分页的数据重新渲染。methods: {//这个是改变分页后获取当前分页对应数据的方法。我是用的截取数组的方法 handleCurrentChange(pagechange){ this.initp
2021-11-09 18:16:26
1672
原创 element ui 表格列合并
<el-table :show-header="false" :data="gridData" :span-method="addSpanMethod" border :cell-style="columnStyle" style="width: 100%; margin-top: 20px" > <el-table-column p.
2021-11-04 17:15:31
4214
1
原创 快捷访问src下的文件
在vue.config.js中进行配置，可以快捷访问src下的文件chainWebpack: config => { config.resolve.alias .set("_c", resolve("src/components")) .set("_a", resolve("src/assets")) .set("_l", resolve("src/libs")) .set("_v", resolve("src/views"))
2021-11-01 11:06:16
301
原创 vant 页面切换后，tabbar的样式和当前页面不符合
mounted () { const navBarActive = window.location.hash if (navBarActive.includes('#/layout/healthservices')) { this.active = '健康服务' } else if (navBarActive.includes('#/layout/home')) { this.active = '首页' } else if (navBarActi...
2021-10-27 18:06:51
1089
空空如也
解析包含文件的网址，并展示在页面中
2022-08-02
table表格中td内容过长，想要内容折行显示。
2022-07-18
scrollview方法中，平滑滚动时滚动位置不准确
2022-07-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人