- 博客(60)
- 收藏
- 关注
RSS订阅原创 antd vue 表格table列customRender标签标错：ReferenceError: h is not defined问题解决
背景：使用antd vue 的表格，列columns配置是在外部文件定义js文件，import导入, 如下，import { columns} from './activity.js'export default { data () { return { columns: columns } }}{ title: '奖励道具', dataIndex: 'award_list', customRend
2021-11-16 15:48:25
3474
1
原创 git恢复已删除的本地分支
背景：本地分支有提交，未推送到远端，使用sourcetree直接误删除了，想要恢复方法：1、reflog命令查找所有提交记录显示整个本地仓储的commit，包括所有branch的commit，甚至包括已经撤销的commit。只要HEAD发生了变化， 就会在reflog里面看得到。git reflog刚删除的分支，直接取最后一个编号2、reset --hard 恢复git reset --hard 6b04ce4(备注：这个是对应提交记录的变化，上图箭..
2021-07-23 11:20:56
2121
原创 记一次vue项目Loading chunk chunk-25849c4c failed.问题
表现：页面一段时间没打开再次打开后页面空白加载不出来，控制台看到有js文件加载失败，报错Loading chunk chunk-25849c4c failed.于是看了网上的解决办法，路由onError处理const pattern = /Loading chunk (\S)+ failed/g // 网上这里是\n 或者\d那是数字，我的是字符串改成了\S const isChunkLoadFailed = error.message.match(pattern) if (isChunk
2020-11-24 15:24:00
900
原创 g2 4.x版本axis-label:click不生效问题
g2 4.x版本的，看到官方文档写了axis-label:click事件，但是放在chart.on里怎么都没有生效后面尝试了下在view上绑定，竟然可以触发！！！this.chart = chart.createView({ region: { start: { x: 0, y: 0 }, end: { x: 1, y: 1 } }})this.chart.on('axis-label:click', (ev) => { const target = ev.t
2020-11-23 11:54:19
519
原创 vue、deep 重新样式没有生效问题
背景：引用了一个组件vxe-table，使用less重新某个图标样式想要改变排序图标向上箭头的样式，于是重新右侧的css，但是没有效果/deep/ .vxe-icon--caret-bottom:before, .vxe-icon--caret-left:before, .vxe-icon--caret-right:before, .vxe-icon--caret-top:before { border-width: 5px !important;}后来发现竟然是因为这样写/de
2020-10-23 15:38:54
2593
原创 g2 tooltip自定义配置
涉及g2 多表格tooltip联动显示，tooltip自定义，tooltip显示内容自定义排序实现效果1、toop自定义显示内容（containerTpl结合itemTpl） 这个官网里有讲到，所以应该比较简单，2栏则是自己拼凑就可以啦，以下示例代码，需要自己调整style样式 sumView.tooltip({ shared: true, showCrosshairs: true, containerTpl: '<div c..
2020-09-18 16:55:18
4270
7
原创 ant design vue 表格如何开启列排序
开启排序1、本地数据排序column数据设置，需要开启的列设置sorter: (a, b) => a.address.length - b.address.length, 自定义排序方法2、服务端排序sorter设置true点击排序，表格触发change方法，接受参数change (pagination, filters, sorter, { currentDataSou...
2020-02-19 23:44:12
7546
7
原创 vue You may have an infinite update loop in a component render function报错
如标题所示，是在使用ant design vue的表格组件时引起的错误，报错信息如下首先，这个表格是在一个v-for的a-tab组件内的a-table看错误信息表示无限更新的循环后来发现，渲染表格内容时，调用了一个计算方法返回要显示的内容，错误在于，在计算方法内，又改变了data数据的值，在更新渲染的时候又修改数据，又回导致更新，于是就死循环了简略错误代码如下<a-tabs v-...
2020-02-19 23:21:28
1201
原创 Vue-router 报NavigationDuplicated解决方案
原因：Vue-router在3.1之后把$router.push()方法改为了Promise, 所以当你使用router.push的时候，按照旧写法没有写回调函数，则会抛出一个uncaught (in promise)的错误，交由全局错误处理则会直接打印报错，解决方法是在调用router.push的时候增加回调函数，如：router.push('/location').catch(err =&...
2020-02-18 11:39:54
887
原创 vue 滚动加载无限长列表
结合vue-infinite-scroll和vue-virtual-sroller实现滚动加载无限长列表，带有虚拟化（virtualization）功能，能够提高数据量大时候长列表的性能，解决列表数据量大页面卡顿问题滚动加载vue-infinite-scrollvue-infinite-scroll文档采用指令方式实现滚动到底部加载安装npm install vue-infi...
2020-01-09 16:29:49
4940
4
原创 ant design vue 表格a-table二次封装，slots渲染问题
目的就是对a-table进行二次封装，但是在如何显示a-table的slot时遇到了问题，原本想法是在a-table内把$slots都渲染，期望在使用该组件时能正确渲染，然而。。。并不会正确渲染<template> <a-table bordered :scroll="{ x: scrollX, y: 600 }" v-bind="{...$at...
2019-12-26 17:18:32
10801
18
原创 ant design vue 问题记录
表格滚动到底部，翻页的时候不会回到顶部 解决方法： 翻页change事件获取了列表之后，手动将scrollTop设为0async handleTableChange (pagination) { this.pagination.current = pagination.current await this.getList() // 滚动条回到顶部 ...
2019-11-18 15:35:19
1291
原创 vue watch使用了immediate之后，handler的this指向问题
watch使用了immediate之后，handler的this指向问题？？ 这里的handler方法不能使用箭头函数，改成传统function就可以了 list: { handler: function (newList, oldList) { this.handleListData(newList, oldList) }, dee...
2019-10-30 17:07:27
2599
原创 vue的v-if v-else复用元素机制
以前一直以为v-if和v-else渲染的元素就应该是独立的，直到前几天渲染一个自定义的组件，v-if和v-else都引入了，例如<a-form-item v-if="type===1"> <my-select/></a-form-item><a-form-item v-else> <my-select/><...
2019-10-29 22:25:50
970
原创 V-for and slot-scoped报错问题
此场景是为了用v-for动态渲染表格的slot可能会这么写<a-table> <span v-for="(item, index) in header" :key="index" :slot="item.dataIndex" slot-scope="text" > {{ text }} </span></a...
2019-09-24 20:29:43
3890
原创 postcss-px2rem-移动端h5开发适配方案
1、引入包npm install postcss-px2rem2、配置postcss.config.jsmodule.exports = { plugins: { 'postcss-px2rem': { remUnit: 46.875 } }}3、在html文件增加脚本动态修改fontsize <script> ...
2019-08-31 14:49:32
2949
原创 微信设置分享config:fail,Error: invalid signature的问题
先说下设置分享的步骤1、引入js-sdk2、微信配置<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>// getWxConfig是自定义接口，从后台获取微信配置需要的信息getWxConfig().then(res => { const share =...
2019-08-31 14:43:39
11040
原创 js 复制文本，保留换行符
一般的js复制就是用input标签，然后copy但是input是不会保留换行符的所以，可以采用textarea标签const input = document.createElement('textarea')// input.setAttribute('value', this.copyDoc) // 注意，这样写不行input.value = this.docdocum...
2019-08-29 17:36:53
10119
3
原创 针对audio无法自动播放问题的h5播放方案
现在很多浏览器都不支持自动播放了，所以audio的autoplay标签设置是没有效果，用js触发play()方法也是不会有效果额，除非一开始是静音状态当前微信浏览器因为微信的处理，可以在WeixinJSBridgeReady事件中进行触发 document.addEventListener('WeixinJSBridgeReady', () => { document...
2019-08-27 19:02:20
5079
1
原创 js 方法
1、复制内容到剪贴板const input = document.createElement('input')input.setAttribute('readonly', 'readonly')input.setAttribute('value', this.doc)document.body.appendChild(input)input.select()input.setSel...
2019-08-26 11:22:19
260
原创 关于transform rotateY()手机端不显示的问题
使用transform rotateY(180deg)将元素反转，电脑端查看没有问题，用iphone手机查看，元素不显示？？？（安卓手机没有看）然后找了一些方法都没有效果，以下方法亲测可用在父元素设置perspective，如下 .father { perspective:1000; // 在这里添加 .childeren { transform: ro...
2019-08-20 11:28:05
2162
原创 Class constructor FileManager cannot be invoked without 'new'
报错内容如下，原本vue编译都没问题的，过了个周末，竟然报错了。。。原因应该是less的版本问题，但是看别人都是3.10版本有问题，但是我是版本3.8的啊，也是报错了，干脆就都用3.9版本了，这个是没问题的，修改package.json文件，锁定less版本为3.9.0，less-loader版本是4.1.0，可以把版本前面的^符号去掉，这个符号会下载3以下的最新版，以防万一。...
2019-08-19 11:34:30
2254
原创 移动端适配方案之postcss-px-to-viewport
之前做移动端适配时，基本上是采用rem方案，现在发现了一个新的方案，就是用viewport单位，现在viewport单位越来越受到众多浏览器的支持postcss-px-to-viewport，将px单位自动转换成viewport单位，用起来超级简单，postcss-px-to-viewport 文档安装npm install postcss-px-to-viewport --save-...
2019-08-16 18:32:25
29955
原创 ant design of vue相关
设置双日历a-range-picker置空 // 设置v-model<a-range-picker v-model="dateRange" :format="dateFormat"/>data () { return { dateRange: [] // 初始值空数组 }}// 当选择了日期后，除了手动清除外，以下用代码清除this....
2019-08-13 10:35:08
332
原创 vue动态路由异步加载import组件，加载不到module的问题
报错信息应该是这样的webpackEmptyContext (eval at ./src/store/modules sync recursive (0.js:10), <anonymous>:2:10)路由信息由后端给出，那么前端需要动态加载路由，同时component的路径也是后端给出，但是动态加载该路径会报错如：// 假如path = '@/views/use...
2019-08-12 16:22:53
32590
34
原创 移动端h5开发问题汇总
div:active伪类无效问题 普通div在移动端:active伪类不会生效，应该是只有a，button此类才会生效，pc端正常 解决办法：在body添加touchstart事件监听 <script> document.body.addEventListener('touchstart', function () {}) &l...
2019-06-04 15:54:41
194
原创 解决微信浏览器input唤起键盘，收回后页面底部有空白
此问题应该是ios个别版本的微信浏览器出现，其他浏览器不会键盘收起后，底部有空白，需要手动滑动恢复正常解决方法：在input标签监听blur事件，执行window.scrollTo(0, 0)<input type="text" @blur="onBlur"> onBlur () { window.scrollTo(0, 0) },t...
2019-06-04 15:47:38
3949
原创 react-router4路由分包加载，webpack4 + react16 + react-router4 + babel7包版本匹配
近来想要自己搭建react环境进行学习，现在react版本为react16.x，使用的babel是6.x版本的，然后后面路由分包需要分包加载，react-router4版本使用官方提供的@babel/plugin-syntax-dynamic-import + loadable-components ，地址https://reacttraining.com/react-router/web/gui...
2019-03-12 15:19:59
1592
原创 Invalid Host header 服务器域名访问出现的问题
vue-cli搭建的环境，用nginx做代理服务器，访问时显示：Invalid Host header经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。这样有2中方法，一种是设置跳过host检查，一种是直接host设置成你的地址。1、关闭host检查可以在build目录下的webpack.dev.co...
2019-01-08 15:30:42
141609
14
原创 文字渐变，适用小程序
.gradient-text { background-image: linear-gradient(-110deg, #ffe1ac 0%, #efdec5 53%, #ffecc9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
2018-12-27 16:43:25
2186
原创 npm ERR! code ELIFECYCLE
Error: listen EADDRINUSE 127.0.0.1:8088 at Object._errnoException (util.js:1022:11) at _exceptionWithHostPort (util.js:1044:20) at Server.setupListenHandle [as _listen2] (net.js:1367:14) ...
2018-07-11 17:48:57
19233
原创 sudo: /etc/sudoers is world writable的问题
终端使用命令sudo的时候报错如下：sudo: /etc/sudoers is world writablesudo: no valid sudoers sources found, quittingsudo: unable to initialize policy plugin寻找了多方解决方法后，一下方法自认是最简单而且亲测有效：1、打开Finder →前往文件夹，输入（/etc/sudoer...
2018-05-17 17:45:40
6698
原创 小游戏开发getUserInfo:fail scope unauthorized
如题目小游戏开发遇到getUserInfo:fail scope unauthorized， 这个获取用户信息的接口之前调用正常，突然就不行了，找了很多原因结果发现是官方接口修改了，官方通知如下https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=384460955&...
2018-05-11 16:45:04
3144
原创 如何拿出app中的图片资源-android
我们经常看到一个app的ui设计很漂亮，想要拿到它的图片资源，那么我们该怎么拿呢？实际上非常简单，本文说的是安卓手机的方法，ios估计要复杂一些，看看其他教程吧 1、获取apk文件，放到电脑 2、将apk文件改成zip文件 3、解压zip文件 4、找到res文件夹，res下面按照android的分辨率放了不同大小的资源，选择自己需要的图片资源 就是这么简单！
2018-01-22 17:20:45
12607
4
原创 vue-cli创建的项目，配置多页面的方法
vue官方提供的命令行工具vue-cli，能够快速搭建单页应用。默认一个页面入口index.html，那么，如果我们需要多页面该如何配置，实际上也不复杂假设要新建的页面是rule，以下以rule为例创建新的html页面 创建入口文件Rule.vue和rule.js，仿照App.vue和main.js e
2018-01-19 16:19:08
8277
7
原创 解决ios微信下audio无法自动播放的问题
我们都知道，iOS下的safari是无法自动播放音乐的，主动出发点击事件也没用， 微信自己做了处理后用以下方法可以解决 document.addEventListener("WeixinJSBridgeReady", function () { audio.play(); }, false); 但是现在实际上在微信ready的时候就可以直接调用了 wx.ready(fun
2017-11-09 17:39:07
3097
1
原创 jquery双日历插件daterangepicker.js设置渲染位置parentEl
daterangepicker默认渲染位置在body标签下，parentEl默认是body，渲染出来的日历是相对于body的absolute定位，如果页面有滚动条滚动，日历并不会随着滚动，如果要随着滚动应该是要对应渲染到要滚动的那个页面，用parentEl就可以了$("#creattime", $currentTab).daterangepicker({ opens:'right',
2017-09-11 09:57:29
3037
1
原创 jquery双日历插件daterangepicker.js设置可选时间时分秒
$('.feed-main .creattime').daterangepicker({ timePicker:true, timePicker12Hour:false, timePickerIncrement:1, format:'YYYY-MM-DD hh:mm'}, function(start, end, label) { $scope.creatt
2017-08-22 16:44:18
7164
原创 苹果ios用js的Date（）出现NaN问题解决办法
ios使用如下方法获得NaN，安卓手机则是正常计算，解决方法是换个这个时间的格式new Date("2017-04-28 23:59:59").getTime()换成如下方式就正常了，就是‘-’换成‘/’new Date("2017/04/28 23:59:59").getTime()
2017-04-26 13:59:44
13237
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人