nullzzzz的博客

element-plus 日期时间组件的奇怪问题 TypeError: Cannot read properties of null (reading ‘insertBefore‘)

nullzzzz — Wed, 02 Mar 2022 22:53:47 +0800

重现步骤 1.通过日期时间选择器选择日期 2.打开包含table的弹窗 3.关闭弹窗 4.重新选择日期日期时间选择器点击无反应且页面报错 1.鼠标移入时间选择器报错如下 2.鼠标移出时间选择器报错如下 3.点击空白处报错如下报错信息都是指向框架源码，看不出具体信息。搜索半天没找到具体原因和解决方案，最终在element-plus的issues中发现类似问题以及解决思路（似乎是因为table数据影响）附issues地址：https://github.com/element-plus/elem

vue3 defineProps传值使用 ref 响应式失效

nullzzzz — Fri, 14 Jan 2022 00:35:34 +0800

子组件接收父组件的传参。

vue3中reactive赋值问题

nullzzzz — Wed, 12 Jan 2022 22:43:01 +0800

vue3中直接对reactive整个对象赋值检测不到 let obj = reactive({ name: 'zhangsan', age: '18' }) obj = { name: 'lisi' age: '' } // 上面这样赋值检测不到 // 如需要对 reactive 赋值 // 方法1: 单个赋值 obj['name'] = 'lisi'; obj['age'] = ''; // 方法2：多包一层 let obj = reactive({ data: { name: 'z

vue3环境变量

nullzzzz — Wed, 12 Jan 2022 22:27:59 +0800

vue3配置环境变量必须加上 VUE_APP_ 前缀，否则识别不到。例如：VUE_APP_XXX

小程序踩坑之安卓 wx.canvasToTempFilePath 导出canvase画布空白/黑色/透明

nullzzzz — Fri, 29 Jan 2021 23:10:49 +0800

先上解决代码 canvase导出为图片出现黑色/透明，原因是fileType: ‘jpg’导致,将fileType属性设置为png可解决，虽然解决了图片黑色的问题，但是此时导出的图片任然显示空白。官方说wx.canvasToTempFilePath方法必须放在draw()的回调里面才能保证成功，放在回调函数后导出依然是空白的图片。感觉可能是draw()的第一个参数设置false导致的，设置为true后，再次测试，ios能成功导出图片，但是安卓机测试时，根本不进draw()的回调方法，去社区查询问题后看到

vue踩坑系列— ‘qrcode‘ is assigned a value but never used no-unused-vars

nullzzzz — Sat, 21 Nov 2020 11:36:27 +0800

使用qrcode生成二维码时，编译报错。 qrcode() { let qrcode = new QRCode("qrcode", { width: 232, // 设置宽度 height: 232, // 设置高度 text: "https://baidu.com", }); }, 报错原因：eslint语法检查报错。解决方式： qrcode() { let qrcode = new QRCode("qrc

微信小程序踩坑记录—wxs使用正则replace字符串报错Unexpected token `/`

nullzzzz — Fri, 20 Nov 2020 12:29:54 +0800

需求，数字类型需要按千分位显示。实现思路新建一个utils.wxs文件，编写方法并导出。 var thousand = function(num) { num = num + ''; var reg = /[1-9]\d{0,2}(?=(\d{3})+$)/g; return num.replace(reg, '$&,') }; module.exports = { thousand: thousand } wxml中引入使用然后就报错查了文档才发现wxs很多