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