- 博客(35)
- 资源 (8)
- 收藏
- 关注
原创 element table 列顺序错乱问题
问题:如标题所言,代码里用v-if控制的列的显示与否,但是页面上本该第一列的直接变成了最后一列,网上有说,用v-show代替v-if的,可能我的代码逻辑比较复杂,没有成功。,所以把上面的span全部替换成template就可以了,即改成这样就可以了,这样,在页面上就是想要的列的顺序了。发现table里面除了el-table-column外,只能有template标签。...
2022-08-05 11:22:49 3176 2
原创 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 2354
原创 element-ui日期组件DatePicker选择日期范围赋值编辑问题
参考链接:element-ui日期组件DatePicker选择日期范围赋值编辑问题 - 潇湘羽西 - 博客园 (cnblogs.com)https://www.cnblogs.com/steamed-twisted-roll/p/10323090.html
2022-04-02 16:09:05 769
原创 子组件监听父组件的值,不生效的问题
场景:把dialog对话框拎出来成业务组件,此子组件监听父组件值的变化,从而显示或者不显示该对话框子组件问题:当父组件在同一位置多次点击时,子组件对话框只是在第一次切换到该位置时出现一次,后面的不再出现,即子组件监听不生效。解决方案:让父组件的值变化,这样子组件监听就可以生效了,部分代码如下:父组件的 <template>里面<div style="cursor: pointer" @click="noClock"> <p>弹窗出现</p
2022-03-18 10:43:36 2019
原创 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 1165
原创 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 1125
原创 背景图片随着内容的宽度而自适应
问题:一开始用div元素,给div元素加上背景图,想让背景图片随着内容的大小而变化,但是实际是背景图片的宽度是父元素的宽度(即100%宽)解决办法:变为行内元素即可:代码如下:...
2022-03-07 17:07:57 935
原创 基于 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 3243
原创 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 1334 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 3053 5
原创 “vscode http-server : 无法加载文件,因为在此系统上禁止运行脚本”问题
问题如下图:解决办法如下图:(第一步:get-ExecutionPolicy)(第二步:set-ExecutionPolicy RemoteSigned)(第三步:get-ExecutionPolicy)tip:主要是更改一下执行策略的值接下来就可以继续后续工作了,不影响了...
2020-11-18 12:54:58 1324 1
原创 zepto.js中swipe失效问题
问题:如题解决:在页面中加上阻止触摸默认事件或者在相应的touch.js或者自定义的zepto.js里面写进去即可,代码如下: document.addEventListener('touchmove',function(event) { event.preventDefault(); })
2017-07-26 19:01:03 2585 1
原创 再次返回页面使其页面内不进行动效的问题
一、问题: 如题,有时候一个H5会有很多页面,一般打开链接封面会有动效,有目录的封面在进入内页时,需要返回,但返回后,动效是不需要的,在不使用后台传参或者进行控制的情况下,如何让再次返回封面的动效不显示?二、思路: 一般用到后台的情况下,是最简单的,直接后台进行判断从而控制前端页面的显示,在不使用后台的情况下,也能达到这个目的的话,
2017-06-23 14:49:30 581
原创 解决‘底层的图层经过transform:rotate转换后,覆盖住高图层’的问题
一、问题: 问题背景:在写H5的时候,因为要使z-index:0的红旗这张图片达到飘摇的动效,所以需要加transform:rotateX()rotateY()进行角度旋转转换; 问题出现:动效是有了,但是层级感觉变了,有种变成了z-index:无穷大 的感觉,z-index好像已经失效了。二、思路: 知道是层级的问题,就找和z-ind
2017-06-23 10:26:05 7607 3
原创 对于在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 1557 1
转载 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 3970
原创 PS中批量操作问题
对于一堆图片进行相同方式的操作,可以新建动作(类似于excel的宏),避免重复枯燥的劳作;步骤:1.找到 ‘动作’ (快捷键Alt+F9)2.点击 ‘新建动作’ (动作窗口右上角的菜单里),写上动作名称,点击 ‘记录’ 就开始记录了3.到重复动作结束时,点击动作窗口最下边一行的停止按钮,便记录了这一段对图片的操作4.到对下一张图片进行相同的图片处理时,只需把刚建立的动作前边的框
2017-02-07 17:58:20 926
原创 微信H5video视频问题
微信里视频有时候不想要全屏播放、不想在视频播放完之后有推送其他视频出现,不想让视频一直处于最高层,想在视频上添加按钮标签等,可以在video标签上添加几个属性,代码如下(兼容ios和安卓):
2017-02-07 17:27:17 6467
原创 微信H5时间倒计时
微信里,并不是所有的初始化时间格式都认的,对于在浏览器中的时间倒计时,talk is cheap show me the code!源码(直接复制即可): 微信H5倒计时 距离活动结束还有 00天 00时 00分 00秒 function getDJS(){
2016-12-15 16:06:10 4302 1
原创 文字从上到下无缝轮播,一直循环滚动轮播
思路:无缝循环轮播,是一个轮播框(父节点)包含两个子节点,其中一个子节点是文字主体,另一个是这个子节点的复制品,即:在父类节点一定的高度下,这两个子节点实现由下而上的滚动。贴代码前说下大家一般遇到的问题:不滚动或者滚动一段时间后不循环?此问题的的症结在于父类节点的高度,解决思路为:css先给轮播框一定的高度,js判断如果子节点主体文字的高度小于父类轮播框的高度,则轮播框父节点随子节
2016-12-06 09:43:50 12125 1
原创 没事的时候多看api
最近用了一个jquery 的$(selector).toggle(function1(),function2())这个方法,各种实现不了,整了好久,最后看了下api,我靠,原来已经删除,最后加了个变量模拟之前的方法才得以实现,所以为了防止像这种无谓的心塞,还是有事没事多看api文档来的实在!
2016-10-13 11:39:30 256
原创 js模拟群聊场景-聊天信息动态出现效果
制作H5页面,有时候会有个聊天场景这样的效果,对话聊天信息不断的有序弹出。步骤:1.先弄出个具有全部聊天信息记录的静态页面;2.保留最外边的大框架,我这里是div标签,其余聊天记录先注释;3.写js,因为是有序的出现,所以需要使用定时器来实现;部分代码如下:
2016-10-10 17:20:44 2235
原创 关于谷歌不支持font-size小于12px的问题
谷歌不支持font-size小于12px的值,要想在谷歌上显示12px以下的,可以用-webkit-transform: scale(x,y)来实现。示例如下(tip:#fontCon为块级元素的id,若是行内元素,需要用块级元素将其嵌套):
2016-10-09 15:13:19 310
原创 Photoshop保存单个图层
打开psd文件=》选择文件菜单>脚本>将图层导出到文件(选择路径以及保存的图片类型)=》OK,所有的图层都独自保存
2016-09-20 17:03:41 5311
微信Html5小游戏集合
2016-09-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人