- 博客(62)
- 问答 (4)
- 收藏
- 关注
原创 扩展el-table,实现当showOverflowTooltip时,鼠标可移入tooltip功能
1.在utils里创建elTable.js。2.在main.js中引入 并绑在vue上。
2024-11-01 14:29:13
530
原创 ueditor视频上传
注意在video.js中uploadSuccess方法,json必须是一个对象,且有个url的必备属性。如果接口直接返回的是地址,需要修改成:uploadVideoList.push({url:ret})修改video.js中uploadBeforeSend方法。首先在ueditor.all.js文件中找到。此时你可以上传成功了,但是页面会变成下图。接着 注释掉红框内的代码。
2024-09-07 09:47:40
603
原创 ueditor图片上传(多图上传 单图上传)
在ueditor.config.js中,配置serverUrl请求路径,一般是:不同环境地址+上传图片的接口(例如:http://test*****/upload/piacute。在ueditor.config.js中,imageUrlPrefix为图片访问路径前缀,如果你上传图片的接口返回值 直接就是全路径,那么就设置为空,确保。接下来,修改ueditor.all.js文件,在doAjax方法中找到对应位置,修改成如下。1.ueditor图片上传 显示 后端配置项没有正常加载,上传插件不能正常使用!
2024-09-06 14:46:37
1703
1
原创 vue2+ueditor集成秀米编辑器
3. 在ueditor.config.js文件中 找到toolbars属性,添加dialog字段,否则编辑器也是不会展示图标的。4.在main.js中引入基本文件(第一次npm run start时,编辑ueditor.all.js可能会比较慢,等待一会就好了)1.xiumi-ue-dialog-v5一定要放在ueditor.all.js后面,不然可能会出现报错。2.下载的图标样式最好放在本地(图二),我的项目就遇到直接请求背景图地址。5.此时你的编辑器就能出现秀米的图标啦。,也可以参考我下面的操作。
2024-09-06 14:17:23
979
原创 this.$options.data()和this.$data
this.$options.data() 是页面原始的数据。this.$data 是修改过后的数据。
2023-11-14 11:22:44
898
原创 git 命令
git reset --hard 哈希值(commit号码)前六位。git push -f(强制推送到远程仓库(无操作历史记录)3.回滚代码到指定版本。
2023-06-25 10:16:46
119
原创 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
607
原创 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
696
原创 element ui input输入框仅支持输入正负数和小数(正则)
3.输入框会显示步进器,而且字母eE会编译为数字显示出来。2.中的v-module不支持.number修饰符。比如这个正则/\-?想法1.找遍了正则表达以上需求的,但是没有一个实现的,主要就是负号比较难搞,小数点的正则倒是可以。背景在input输入框中只能输入负号-和小数点.还有数字1-9。......
2022-07-27 11:19:55
3715
原创 element-ui tree修改点击节点的背景色和鼠标经过节点的背景色
先上效果图 修改悬浮背景色修改点击背景色tree的代码,一定要加上highlight-current node-key="id"style里千万不要加scoped,否则样式无效如果要是想改字体颜色等其他样式,直接在里面写即可
2022-06-29 11:23:40
4315
原创 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
1330
原创 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
2360
原创 递归组件循环引用组件不加载
背景:有两个组件: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
1050
原创 JS在拼接字符串中加入空格
let str='空'+' '+'格'如果想这样插入空格,页面是无法展示出有空格的效果的解决:添加===>'\xa0' 即可实现let str='空'+'\xa0'+'格'
2022-03-03 18:22:24
2834
原创 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
1675
原创 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
835
原创 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
2963
原创 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
1005
原创 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
1111
原创 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
2487
1
原创 报错:input is invalid type
此报错信息是因为使用了md5加密,但是md5加密的数据没有找到undefinedcurObj.creditCode ? curObj.creditCode : md5(curObj.registerNo)) 此处的curObj.registerNo,如果是undefined,那么就会出现报错。看到此错误,控制台打印一下。...
2021-11-23 10:42:08
2537
空空如也
解析包含文件的网址,并展示在页面中
2022-08-02
table表格中td内容过长,想要内容折行显示。
2022-07-18
scrollview方法中,平滑滚动时滚动位置不准确
2022-07-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人