Vue
打盹的小pig
这个作者很懒,什么都没留下…
展开
-
el-table翻页记忆勾选
element ui 表格翻页记忆勾选简单实现原创 2023-03-10 15:05:59 · 832 阅读 · 0 评论 -
解决IE页面打不开及白屏问题
解决IE浏览器页面打不开及白屏问题原创 2023-01-13 17:00:47 · 426 阅读 · 0 评论 -
vant实现分页加载长列表
vant实现分页加载长列表原创 2022-11-01 16:27:52 · 853 阅读 · 0 评论 -
获取本周本月本季本年第一天,获取今天星期几、当前日期的前一天
获取本周第一天getFirstDayOfWeek() { let nowTime = new Date(); let aa = nowTime.setDate(nowTime.getDate() - nowTime.getDay() + 1); let week = nowTime.getFullYear() + "-" + (nowTime.getMonth() + 1) + "-" + nowTime.getDate(); return week; },获取本月原创 2022-05-26 17:48:45 · 671 阅读 · 0 评论 -
el-cascader 异步加载子节点数据+模糊搜索
需求点el-cascader一共两级,第一级数据由接口返回;点击第一级的展开icon,拿第一级的id去请求接口获取第二级的数据;el-cascader需带有模糊搜索功能。<el-form-item label="业务状态" prop="businessStatus"> <el-cascader ref="casader" clearable key="casader" :options="productList"原创 2022-05-16 19:22:04 · 5155 阅读 · 8 评论 -
解决网页加水印只有第一屏可见的问题
网页加水印,很常见,市面上也成熟,随手拈来,如下:let watermark = {}let setWatermark = (name, width, height) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id)) } let can原创 2021-07-28 16:56:47 · 783 阅读 · 0 评论 -
报错vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: “TypeError: Cannot read property ‘length‘
在用 element-ui 做表单复选框的时候,出现报错 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeError: Cannot read property ‘length’,如下图所示:代码如下:解决办法就是在form对象里添加checkList字段:如下:export default { data() { return { form: { checkList: [] } } }原创 2021-07-21 10:45:22 · 18312 阅读 · 0 评论 -
报错 Uncaught SyntaxError: Unexpected token ‘<‘
前端部署有时候会出现这个报错 ,如下图所示:一般都是配置不当引起的,修改vue.config.js文件// 如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.baidu.vip/admin/,则设置 baseUrl 为 /admin/。publicPath: process.env.NODE_ENV === 'production' ? '/' : '/admin/',...原创 2021-07-21 10:23:59 · 474 阅读 · 0 评论 -
解决echarts图表tooptip被挡住的问题
做echart图表的时候,如果内容过多,tooltip高度不够会导致展示不全,如下图所示解决如下:在echart外层设置 overflow:visible 即可/* 例如我的echart是放在el-card里面的,而我只需设置 */.el-card { overflow: visible;}好了...原创 2021-07-20 16:59:39 · 1281 阅读 · 0 评论 -
解决echarts滚动条卡住或者不能向右滑动的问题
做echarts图表的时候,如果数据量太大例如横坐标有700条数据,那么势必会用到dataZoom滚动条,我们拖动滚动条快速滑动的时候,有时候滚动条卡住了动不了,或者不能向右滑动,这是因为重叠了解决办法如下:目录:node_modules/zrender/lib/animation/Animator.js文件第64行,加一个判断即可...原创 2021-07-20 16:44:46 · 2719 阅读 · 0 评论 -
CSS 2行文字时正常显示,超过2行显示更多
在做页面时,ui有一个这样的需求,当描述中不超过2行文字时,则正常显示在页面上,超过2行的时候,显示更多想法是这样的1、不能根据字数的多少判断行数,因为电脑屏幕大小不一样,故一行文字的字数也不同;2、也不能用 -webkit-line-clamp: 2;因为这样“更多”无法显示,被隐藏的文字也无法显示所以,用js搞定是比较好的。下面是实现思路1、首先,假设2行文字的正常高度是40px。在请求描述内容成功之后,去获取描述内容div的高度,如果高度大于40px,则显示更多按钮,并折叠多余内容;2、原创 2020-06-24 10:19:47 · 4102 阅读 · 0 评论 -
记一次微信分享
只要是h5,都离不开分享,具体过程是怎样的呢?接下来看看流程1、首先,需要微信公众号的appID和appSecret;2、其次,需要把分享页的域名加入白名单,即需要在公众号的安全域名中加上分享页的域名;3、我们分享的这个网站的域名,是一定需要通过备案的,没备案不能分享;此外,自定义分享功能需要通过微信认证才能使用,否则分享的是一串链接而不是自定义的标题和图片;4、通过后端给的获取签名的接口,得到时间戳、nonceStr、signature等字段的内容;5、利用以上内容进行分享下面是具体业务逻辑的原创 2020-06-24 09:27:56 · 192 阅读 · 0 评论 -
zip压缩与解压功能的实现
最近在做一个压缩zip,又解压zip的功能。需求是这样的:如下图所示,1、红色框框里都是需要打包的东西,需要2个zip包,一个android,一个ios,点击两个绿色按钮开始压缩;2、压缩包zip里面解压后是1个大文件夹,大的文件夹里面包含4个文件夹,分别为1个u3d(ios或android)模型文件夹(u3d)、1个背景图文件夹(bg)、1个人物图文件夹(gif)和1个展会切换图文件夹(switchover),如图二显示;3、bg文件夹和gif文件夹里面的图片是根据蓝色框框中的数量动态改变的,需要全原创 2020-06-23 18:10:06 · 523 阅读 · 0 评论 -
ueditor百度编辑器不支持保存感叹号???
前两天,测试提了一个bug,百度编辑器输入内容 + 感叹号,感叹号保存不了!!!一脸懵逼的我去试了一下,还真有这种诡异的事儿,不止是感叹号,~ + * % 这些符号都保存不了!!如下图所示但是,如果感叹号后面加了问题,感叹号居然可以保存了??经过调试,发现这些符号的输入都触发不了**_initEditor()**函数,唉 那就不通过双向绑定,自己通过方法去获取输入的内容吧<div> <neditor v-model="data.content" :config="ned原创 2020-06-23 16:11:38 · 269 阅读 · 0 评论 -
vue更换头像功能,支持编辑区域
简单的更换头像并不是什么难事,难的是更换头像的时候可编辑头像展示区域,如下图所示下面是简单的实现<el-upload class="avatar-uploader" ref="fileUpload" action="" :show-file-list="false" :before-upload="beforeAvatarUpload" :http-request="fileUpload" > <el-ava原创 2020-06-23 15:36:00 · 615 阅读 · 0 评论 -
一键复制单行或多行文字
一件复制单行或多行文字原创 2020-06-23 14:19:39 · 445 阅读 · 0 评论