05 2022 档案
摘要：怪哉怪哉，其他图片都能正常显示，唯独这张图片会被分割成数组进行遍历。 解决方案：在swiper的遍历里进行对src的变zan量进行拆分，就是这样：{{域名}}{{图片路径}} 原因：估计和什么脏数据有关。
阅读全文
摘要：解决方案： const clear_receiver_data_name = React.createRef(); clear_receiver_data_name.current.setState({ value: ""}); <Input ref={clear_receiver_data_nam
阅读全文
摘要：前言：一个react+antd搭的项目，业务需求是点击弹出一个弹窗（antd modal，这个modal被我写成了页面内的一个组件）， 然后在弹窗内点击一个下拉组件（antd select）,触发该组件的onChange事件，这时候这个弹窗就会隐藏，然后又重现出现，这个我将它成为页面内组件的二次渲染
阅读全文
摘要：前言：antd后台项目，点击按钮，弹出一个抽屉组件，这个抽屉要出现在一个写好的dom里面，而不是出现在整个页面（body）的某个角落。 解决方案：给抽屉（也就是drawer）设置一个属性getContainer，令它为false，然后最关键的一点，就是在该抽屉的父级容器设置样式为position:
阅读全文
摘要：前言：react项目在调用接口时，本打算把返回值给变量赋值，没曾想就报错了。 排查：this.setData所在的函数块内的this没有调用到setData这个方法，据很多网友提示是指this没有定义，但我打印出来是有指向react实例的。 找了半天没寻着答案，我就去看了下前辈留下的代码。发现前辈把
阅读全文
摘要：步骤：先进行排序，然后再转化为字符串。 即：数组.sort().toString() 例：[1,2,3,'aaa',45,'啊啊啊'] == [2,45,'aaa',1,3,'啊啊啊'] ? 转化为： [1,2,3,'aaa',45,'啊啊啊'].sort().toString() == [2,45
阅读全文
摘要：前言：在打包一个vue后台项目的时候，把生成的dist文件放到服务器上报如上错误。 具体表现为：1.线上文件路径不正确；2.dist存放的服务器路径不对； 我这里是第二种情况，只需存放到正确的路劲即可，而第一种情况则较为复杂，可通过控制台查看首页代码，查看是否是某些文件没有打包成功到服务器；而这则需
阅读全文
摘要：前言：在vue项目业务中，监听一个变量，在给变量赋值的时候报如上错误。 原因：监听变量的方法使用了箭头函数。 解释：由于箭头函数会自动绑定了上下文对象到this中，所以在该函数内想要给this.xxx赋值是会报未定义的。因为箭头函数内的this指向它本身，而非我们需要的vue实例。 解决方案1：把箭
阅读全文
摘要：前言，项目中要用到echarts，需要获取到dom进行初始化，在获取dom这一步卡住了。 注：本项目大体框架用的是uniapp+vue，一个小程序项目。 vue版本：2.9.6 @vue/cli 4.5.12 npm版本：6.10.3 node版本：v12.10.0 举例： <template> <
阅读全文
摘要：如题，解决方案： 在table的data里增加一个字段并设置为true，即_showChildren:true，如： { id: '101', name: 'Jim Green', age: 24, address: 'London No. 1 Lake Park', _showChildren:t
阅读全文
摘要：如题，解决方案： 在 package.json 或 .eslintrc.js （如果存在此文件的话）的eslintConfig下添加： "rules": { "vue/no-unused-components": "off", // 当存在定义而未使用的组件时，关闭报错 "no-unused-var
阅读全文
摘要：如题，代码：<Switch />。在页面上无法显示，打开控制台查看，嗯，已经渲染出标签但没有显示内容。 解决方案：在Switch前面加个i-，即：<i-Switch />。 原因：Switch标签在vue中被限制使用了。具体详情：http://v1.iviewui.com/docs/guide/iv
阅读全文
摘要：前言：vue用watch监听变量，然后使用this给变量进行赋值时，报undefined。 原因：this所在的代码块中使用了箭头函数，因为箭头函数的函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 解决方案：不采用箭头函数方式写法，使用常规写法：function() {}。
阅读全文
摘要：前言：运行一个旧项目，老规矩打开ide先给她来一发npm i，完事了之后再跑个npm run serve，好家伙run不起来（虽然题目是build，但和serve同理）。 她报了两种错： 第一种：missing script: build（vue） 第二种就是：A complete log of t
阅读全文
摘要：如题,代码: let a = Object.keys(value); // a为对象value的长度
阅读全文
摘要：前言：编写一个检验是否包含数字和小数点的正则表达式，用hbuildex开发小程序端没有报错，在用vscode开发网页端时报如上错误。 翻译：不必要的转义字符。 意思：写多了一个转义字符。 代码： // 验证是否数字+小数点 checkNumber2(e) { let a = /^[0-9\.]*$/
阅读全文
摘要：翻译：混合空格和制表符（无混合空格和制表符） 报错原因：报错位置的代码存在编译器不识别的空格异常。 解决方案：把该代码删掉，重新写一遍。 注：如果重写没有效果，那就直接右键格式化代码（我用的是vscode编译器）
阅读全文
