![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
zhl_cafe_noir
In me the tiger sniffs the rose.
展开
-
element ui form表单项显隐,校验(不该)触发问题
element ui form表单项显隐,校验(不该)触发问题。原创 2022-09-07 16:16:32 · 3035 阅读 · 0 评论 -
element table 列顺序错乱问题
问题:如标题所言,代码里用v-if控制的列的显示与否,但是页面上本该第一列的直接变成了最后一列,网上有说,用v-show代替v-if的,可能我的代码逻辑比较复杂,没有成功。,所以把上面的span全部替换成template就可以了,即改成这样就可以了,这样,在页面上就是想要的列的顺序了。发现table里面除了el-table-column外,只能有template标签。...原创 2022-08-05 11:22:49 · 3053 阅读 · 2 评论 -
element ui 开始时间和结束时间,时间限制,带年月日时分秒
element ui 开始时间和结束时间,时间限制,带年月日时分秒原创 2022-06-07 17:47:45 · 1261 阅读 · 0 评论 -
element日期选择器选择时间范围在一个月内
element ui 日期选择器 选择时间范围在一个月内原创 2022-06-07 17:29:56 · 378 阅读 · 0 评论 -
element el-checkbox多选框change事件
问题:el-checkbox,change的传参问题,与更改事件<el-checkbox v-for="(item, i) in nameList" :key="item.num" :class="[ { noCheckedClass: selectArr.includes(item.name)原创 2022-04-02 16:19:15 · 2253 阅读 · 0 评论 -
element-ui日期组件DatePicker选择日期范围赋值编辑问题
参考链接:element-ui日期组件DatePicker选择日期范围赋值编辑问题 - 潇湘羽西 - 博客园 (cnblogs.com)https://www.cnblogs.com/steamed-twisted-roll/p/10323090.html原创 2022-04-02 16:09:05 · 757 阅读 · 0 评论 -
子组件监听父组件的值,不生效的问题
场景:把dialog对话框拎出来成业务组件,此子组件监听父组件值的变化,从而显示或者不显示该对话框子组件问题:当父组件在同一位置多次点击时,子组件对话框只是在第一次切换到该位置时出现一次,后面的不再出现,即子组件监听不生效。解决方案:让父组件的值变化,这样子组件监听就可以生效了,部分代码如下:父组件的 <template>里面<div style="cursor: pointer" @click="noClock"> <p>弹窗出现</p原创 2022-03-18 10:43:36 · 1919 阅读 · 0 评论 -
element table 表头某个单元格样式修改(render-header)
问题:如题,table表头的某个单元可能涉及到换行,多个动态的子元素,动态标题等,例如换行:想要表头某单元格是这样的解决:element UI的 render-header可以轻松实现,代码如下:<template><el-table-column prop="recommenders" align="center" :render-header="renderHeader" width="520px" ></el-原创 2022-03-09 19:14:55 · 1149 阅读 · 0 评论 -
element UI 对话框编辑取消事件,当前行会清空或者替换掉bug解决
问题:如题element UI 对话框编辑取消事件,当前行会清空或者被替换掉,table表格里的编辑按钮打开对话框,关闭对话框,this.$refs.ruleForm.resetFields()不生效或者说table当前行数据被覆盖或者为空等异常情况。解决:试试加上this.$nextTick。取消事件代码如下:resetForm() { this.$nextTick(() => { this.$refs.ruleForm.resetFields()原创 2022-03-08 12:51:57 · 1116 阅读 · 0 评论 -
背景图片随着内容的宽度而自适应
问题:一开始用div元素,给div元素加上背景图,想让背景图片随着内容的大小而变化,但是实际是背景图片的宽度是父元素的宽度(即100%宽)解决办法:变为行内元素即可:代码如下:...原创 2022-03-07 17:07:57 · 858 阅读 · 0 评论 -
基于 G6 和 Vue 的可视化编辑器流程图
问题:由于公司项目需要,需要用到G6做个流程图,基于大佬的开源项目(GitHub - caoyu48/vue-g6-editor: vue+g6 3.0实现的editor 由于g6-editor不开源 自己撸了一个),下载到本地后,运行不起来,通过修改和借鉴大佬的博客(vue+antv g6+element-ui完整流程图 - sum墨 - 博客园 (cnblogs.com)),最终使项目运行了起来,已上传资源文件,与自己一样的技术小白共勉~...原创 2021-12-23 11:39:51 · 3151 阅读 · 0 评论 -
vue中input设置只能输入正整数
问题:如题解决办法---代码如下:<el-input type="text" v-model="a" size="mini" style="width:80px;" @keyup.native="keyupEvent()"/><script>export default { data() { return { a:8 }; }, methods: { keyupEvent() { this.a=this.a原创 2021-04-07 10:44:16 · 1304 阅读 · 1 评论 -
ajax post 请求 415 403错误,postman正常的解决方案,跨域问题
问题:如题,联调的时候,用postman测试接口,没问题,但是联调的时候就报错?解决方案:post写法问题(data需要序列化):$.ajax({ type:"post", url: url, data:JSON.stringify({ //因为后台接口序列化了,所以前端调用的时候也需要序列化,postman能调通是因为其本身就已经序列化了 "name":'123', "id":'111' }), dataType:...原创 2021-03-22 14:13:30 · 2975 阅读 · 5 评论 -
“vscode http-server : 无法加载文件,因为在此系统上禁止运行脚本”问题
问题如下图:解决办法如下图:(第一步:get-ExecutionPolicy)(第二步:set-ExecutionPolicy RemoteSigned)(第三步:get-ExecutionPolicy)tip:主要是更改一下执行策略的值接下来就可以继续后续工作了,不影响了...原创 2020-11-18 12:54:58 · 1290 阅读 · 1 评论 -
图片加载方式
问题:图片太大或者网速太慢,图片加载缓慢的问题解决方法:存图片的时候jpg格式的存连续、png格式的存交错原创 2017-09-07 16:07:04 · 294 阅读 · 0 评论 -
zepto.js中swipe失效问题
问题:如题解决:在页面中加上阻止触摸默认事件或者在相应的touch.js或者自定义的zepto.js里面写进去即可,代码如下: document.addEventListener('touchmove',function(event) { event.preventDefault(); })原创 2017-07-26 19:01:03 · 2561 阅读 · 1 评论 -
再次返回页面使其页面内不进行动效的问题
一、问题: 如题,有时候一个H5会有很多页面,一般打开链接封面会有动效,有目录的封面在进入内页时,需要返回,但返回后,动效是不需要的,在不使用后台传参或者进行控制的情况下,如何让再次返回封面的动效不显示?二、思路: 一般用到后台的情况下,是最简单的,直接后台进行判断从而控制前端页面的显示,在不使用后台的情况下,也能达到这个目的的话,原创 2017-06-23 14:49:30 · 571 阅读 · 0 评论 -
H5,对于自定义字体问题
可以在“有字库”里面自定义固定字的字体或者直接进行引用,比自己上传字体文件要快得多,尤其是移动端H5的页面字体原创 2016-09-13 17:38:04 · 4734 阅读 · 0 评论 -
js模拟群聊场景-聊天信息动态出现效果
制作H5页面,有时候会有个聊天场景这样的效果,对话聊天信息不断的有序弹出。步骤:1.先弄出个具有全部聊天信息记录的静态页面;2.保留最外边的大框架,我这里是div标签,其余聊天记录先注释;3.写js,因为是有序的出现,所以需要使用定时器来实现;部分代码如下:原创 2016-10-10 17:20:44 · 2208 阅读 · 0 评论 -
关于微信出现效果混乱的问题
有时候是因为某个脚本文件里面的某句错误,导致全页面崩溃,效果混乱。原创 2016-09-21 19:18:48 · 701 阅读 · 0 评论 -
css动画,实现落叶效果
css动画,实现落叶效果,小例子原创 2016-11-21 12:49:33 · 5860 阅读 · 1 评论 -
H5,软键盘弹出,页面变形问题
不要使用top属性,可以用外边距margin(例如margin-top)属性。原创 2016-09-13 17:32:07 · 9632 阅读 · 0 评论 -
文字从上到下无缝轮播,一直循环滚动轮播
思路:无缝循环轮播,是一个轮播框(父节点)包含两个子节点,其中一个子节点是文字主体,另一个是这个子节点的复制品,即:在父类节点一定的高度下,这两个子节点实现由下而上的滚动。贴代码前说下大家一般遇到的问题:不滚动或者滚动一段时间后不循环?此问题的的症结在于父类节点的高度,解决思路为:css先给轮播框一定的高度,js判断如果子节点主体文字的高度小于父类轮播框的高度,则轮播框父节点随子节原创 2016-12-06 09:43:50 · 12068 阅读 · 1 评论 -
微信H5时间倒计时
微信里,并不是所有的初始化时间格式都认的,对于在浏览器中的时间倒计时,talk is cheap show me the code!源码(直接复制即可): 微信H5倒计时 距离活动结束还有 00天 00时 00分 00秒 function getDJS(){原创 2016-12-15 16:06:10 · 4288 阅读 · 1 评论 -
H5背景音乐自动播放和暂停
H5背景音乐自动播放原创 2017-02-04 17:23:45 · 8202 阅读 · 0 评论 -
微信H5video视频问题
微信里视频有时候不想要全屏播放、不想在视频播放完之后有推送其他视频出现,不想让视频一直处于最高层,想在视频上添加按钮标签等,可以在video标签上添加几个属性,代码如下(兼容ios和安卓):原创 2017-02-07 17:27:17 · 6435 阅读 · 0 评论 -
HTML特殊字符编码对照表及空格占位符
网址:http://www.jb51.net/onlineread/htmlchar.htm(转自http://blog.csdn.net/sforiz/article/details/43937237):html空格占位符 == 普通的英文半角空格 == == == no-break space (普通的英文半角空格但不换行)&#转载 2017-02-13 16:29:08 · 3948 阅读 · 0 评论 -
对于在swiper中使用video在IE上controls失效的问题
问题:当使用Swiper 3.3.1时,在页面上添加video标签,在IE上controls失效,其他浏览器正常;排除法找原因:看是否是IE不支持此类型视频的播放,把video标签复制到新的空白页面,查看发现标签没问题,则排除video标签以及其中属性的问题,进而对添加的css、js挨个进行注释排除,最后锁定原因是引用的Swiper 3.3.1这个版本的js有问题;解决办法:重新引用Swi原创 2017-06-19 17:06:49 · 1528 阅读 · 1 评论 -
能引用知名大公司的cdn文件尽量不要用自己服务器的,土豪级的服务器可无视
如题,其余无原创 2017-06-30 13:43:41 · 502 阅读 · 0 评论 -
解决‘底层的图层经过transform:rotate转换后,覆盖住高图层’的问题
一、问题: 问题背景:在写H5的时候,因为要使z-index:0的红旗这张图片达到飘摇的动效,所以需要加transform:rotateX()rotateY()进行角度旋转转换; 问题出现:动效是有了,但是层级感觉变了,有种变成了z-index:无穷大 的感觉,z-index好像已经失效了。二、思路: 知道是层级的问题,就找和z-ind原创 2017-06-23 10:26:05 · 7532 阅读 · 3 评论 -
关于谷歌不支持font-size小于12px的问题
谷歌不支持font-size小于12px的值,要想在谷歌上显示12px以下的,可以用-webkit-transform: scale(x,y)来实现。示例如下(tip:#fontCon为块级元素的id,若是行内元素,需要用块级元素将其嵌套):原创 2016-10-09 15:13:19 · 299 阅读 · 0 评论