- 博客(32)
- 收藏
- 关注
RSS订阅原创 react报错：Invariant Violation: Element type is invalid: invalid: expected a string
写完代码之后报错了，查了好久不知道什么原因，具体代码报错位置和关键信息都没有，报错信息如下。
2023-12-14 15:24:28
407
原创 uniapp @click点击事件在新版chrome浏览器点击没反应
把input去掉-换成普通的view去展示就可以正常点击出来了这里把input换成了view。
2023-10-30 18:26:58
622
原创 使用uniapp开发App，用v-if，v-show页面错位问题
在用uniapp开发安卓、苹果app的时候，经常会出现一些莫名其妙的兼容性问题，比如自己在开发环境（h5）上好好的，结果去到真机上面，各种问题都出来了，比如表单错位，页面经过某些操作之后整个页面显示undefined。下面讲的页面表单错位问题。
2023-04-20 18:53:28
744
1
原创 react覆盖antd库样式，覆盖组件样式，局部改动不影响全局的方法
场景：比如我想覆盖当前页面的上传组件样式，那我就在这个上传组件外面套一层div，div的class名叫couponUpload，然后在couponUpload里面写需要更改的类名即可，注意：外面一定要套上:global。
2023-02-03 09:58:34
832
原创 Error: must set key for ＜rc-animate＞ children
最近在做react项目的时候，在一个页面回显赋值，老是报这个错，我查了一下，页面都没有用到过这个东西，而且循环的项也给了key，逐步排除后，发现是回显图片上传组件那块才会这样出问题，后来网上搜了一下，发现是。
2022-09-16 15:16:11
498
原创 justify-content: right失效，电脑浏览器没事，移动端真机不行
本来是一个很简单的场景，让一个flex的子元素居右显示，按照习惯，直接用了justify-contentright属性，完事。后来测试说位置不对，我一看，竟然跑到左边去了正确的是下方图片，在右边的位置。
2022-08-01 17:21:18
2226
1
原创 jQuery监听事件失效，原因是jQuery监听的元素，在vue挂载的标签里面
jQuery监听事件失效，原因是jQuery监听的元素，在vue挂载的标签里面
2022-04-27 17:11:36
2014
原创 vue3路由，vue-router4，动态添加路由不生效的问题
项目场景：在vue3.0中，做了个动态添加权限路由的功能，可是死活不行问题描述：使用router.addRoute添加好路由之后，输入路由地址死活访问不了，提示没有匹配到这个路由但是把路由实例（router.getRoutes()）打出来却又显示已经有，已经添加上去了，最后还怀疑是不是router4当中新特征，只能一个个添加，当添加子路由的时候还要多传一个父路由的name，最后也用递归去做了，但还是照样不行,也试过很多种方式，也检查过路由的各项字段，也没出错，还怀疑是引入组件的方式不正确。百思不得
2021-10-21 17:53:09
8905
7
原创 css小技巧，input框focus，让外层包裹input的div产生样式变化（可以当做是是div的focus伪类）
代码：css:.el-form-item { border: 1px solid rgba(255, 255, 255, 0.1); // background: rgba(0, 0, 0, 0.1); color: #454545; border-radius: 10px; border-color: #c7c7c7; transition: all .3s; margin-bottom: 36px; } .el-form-item:fo
2021-09-27 11:53:59
2903
原创 uniapp修改指示点的位置和样式
在网上查过很多资料，看过很多帖子，发现很多都是不生效的正确的应该是这样，直接在app.vue里面写样式就好了app.vue//设置轮播的指示点大小 /* wx */ wx-swiper .wx-swiper-dot { position: relative; right: -260rpx; } // wx-swiper .wx-swiper-dot-active { // background-color: #000; // width: 20px; //
2021-09-14 14:47:08
1541
2
原创 vue3中使用animate.css
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录animate.css在vue中的使用，路由动画transition或者在组件中控制使用一、安装和引入二、使用步骤1.用于router-view2.用于组件animate.css在vue中的使用，路由动画transition或者在组件中控制使用一、安装和引入1.npm安装npm install animate.css2.在main.ts中引入import { createApp } from 'vue'import
2021-08-16 10:52:04
4766
2
原创 vue3定义和使用全局变量方法，vue3中使用echarts
文章目录前言一、定义和使用全局变量1.定义2.使用总结前言在我们使用vue3.x的时候，有些特性还是跟vue2.x区别很大的，这里讲下echarts的使用和怎么定义和使用全局变量vue2中是：Vue.prototype.$http = () => {}vue3中是：const app = createApp({}) app.config.globalProperties.$http = () => {}一、定义和使用全局变量1.定义main.t
2021-08-11 11:05:43
5850
4
原创 vue mixin传参
其实就是把mixin当做一个方法import { debounce } from '@/utils'export default function MyMixin(params) { const { element1 = '', element2 = '', element3 = '' } = params return { data() { return { $_sidebarElm1: null, $_side
2021-08-05 11:22:21
2815
1
原创 qs请求格式化
import qs from 'qs'// create an axios instance// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';const service = axios.create({ transformRequest: [function(data) { data = qs.stringify(data) retu
2021-07-26 14:19:43
374
原创 做后台系统，编辑操作的时候，js对象赋值的小技巧
我们编辑的时候，先要把后台的数据赋值到我们前端变量中，供页面显示这时候就可以用个小技巧，循环对象，对象里两个有相同名称的key，就赋值过去// 编辑岗位 handleEdit(row) { Object.keys(row).forEach((rowItem) => { Object.keys(this.editParams).forEach((editItem) => { if (rowItem === editItem) {
2021-07-05 11:39:24
228
1
原创 elementui上传upload跨域的解决办法
<el-upload class="avatar-uploader" :action="action" :data="upLoadData" name="imageFiles" :show-file-list="false" :on-success="handleAvatarSuccess" :headers
2021-03-24 16:23:20
2985
4
原创 uview的select组件，数据是对的却一直报Cannot read property ‘children‘ of undefined
最近用uview的时候发现一个问题，后端给的数据方面，数据格式明明是正确的，字段名也没有错误，却一直报错，找了好久也没有找到原因，最后一步步排查，终于找到了问题，看下图，原来是children不能为空导致的...
2021-01-16 20:28:42
1954
9
原创 vue深拷贝和浅拷贝（js改一个对象的值，另一个对象的值也发生变化）
在项目当中遇到这样一个问题，我是用v-model跟这个addForm绑定一些值，添加一行的时候把这个addForm push到data1里面，可是后来发现，当我改了addForm的属性的时候，data1里面已经push进去的数据也全都会随着addForm的改变而改变，看了好久，恍然大悟，发现会不会是深浅拷贝的问题，试了一下，果然是1.原理浅拷贝：新对象赋值，只是取的旧对象栈中的值，也就是引用对象的值。上述问题也就是连指向都复制了，所以造成数据全都改变深拷贝：会在堆里边开辟一个空间，存放自己的对象
2020-09-21 16:24:28
1243
原创 vue axios中设置请求参数为对象形式（post json）格式
比如现在是这样格式的请求，我们会去设置contentype请求头，但是axios本来默认就是application/json格式的，所以不用去设置了去看看你请求当中post是不是用的params，是的话换为第二张图片一样的data就可以了，如图：...
2020-08-24 16:29:56
5225
1
原创 [HPM] Error occurred while trying to proxy request
请求报错[HPM] Error occurred while trying to proxy request ‘/xxxx’我找了好久的原因，请求方面，代理这些都没有问题啊，但是就是找不出原因，后来我想起来我的vscode今天重装了，还装了个插件，之后vscode提示我未正确安装，然后我就不在vscode里面去运行npm run dev，直接在文件夹中打开powershell去运行，就没有出现这个问题了，所以说有时候出现这个错误是编辑器的问题，估计是node环境没整好...
2020-08-17 15:23:57
4038
原创 npm install报错： ETIMEDOUT，This is a problem related to network connectivity，解决办法
如图：原因是这个代理有问题，运行这段代码： npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriverok惹，安装成功
2020-06-30 14:03:26
3563
原创 前端导出Excel文件，vue导出exc文件
导出分为两种，一种是直接给url导出，另一种是接口直接返回文件导出，本文讲接口返回导出的// 导出 handleExport() { exportResource({ type: 1, }).then((res) => { let blob = res; const fileReader = new FileReader(); fileReader.readAsDataURL(blob);
2020-06-29 16:07:45
301
原创 js给另一个对象赋值，且赋值过去当前对象已有的key
objA:{ a:"", b:"", c:"" }, objB:{ a:"2aaa", b:"22222", c:"ssdfs", d:"sdfsdfsf", e:"ffsdfsdf" },> 如上，我想用对象b来给对象a赋值，且只要赋obja里面已有的key就行了，这时候我们就可以写个方法objAssign(objA,objB){ const objAssign=
2020-06-29 11:52:19
2045
1
原创 elementui的组件upload，它的钩子方法on-change,file参数对象中没有url怎么办？
如图，这个file里没有url，有时候我们需要预览或者剪裁，这时候没有url就不行那就我们自己创建一个url吧onChange(file, fileList) { let url = URL.createObjectURL(file.raw) console.log(file, "onchange的输出"); if (this.selectFile.uid !== file.uid) { if (this.isCrop) { t
2020-05-13 15:38:07
2888
6
原创 [email protected] postinstall: `node scripts/build.js`
[email protected] postinstall: node scripts/build.js出现这个错误的原因，有时候不只是npm的问题而去安装cnpm，再用cnpm安装node-sass就行了，去看看你电脑上有没有python，没有的话安装一个就解决了...
2020-04-26 10:57:28
12664
原创 vue修改数组中某一条数据，并且更新页面中的数据
**直接用vue的的set方法就好了，示例：**import Vue from "vue";this.positionListData.forEach((item,index)=>{ if(item.id==val.id){ console.log("set"); Vue.set(this.positionListData[index],'post_s...
2020-04-22 14:19:58
5224
原创 vue开发移动端h5，ios中图片加载不出来的问题（滑动时,或者息屏又开屏幕）
在用vue开发h5的时候，遇到这样一个问题，安卓和电脑浏览器都没有问题，但是苹果手机里，滑动时，图片和文字会消失不见，并且：消失的图片在手机息屏又亮屏之后又有了，在网上看的一些问题是把img标签选择器样式和class样式都去掉，但是还是不生效，最后解决方案是：：把里面的容器的样式：overflow:hidden去掉就可以了...
2020-04-07 11:15:57
2432
2
原创 TypeError: Cannot read property 'buildError' of undefined
出现这个的问题一般是在拉取合并代代码之后出现的，所以就要仔细检查代码了，一般是多引用了组件或者api，如下图
2020-02-29 11:16:49
1489
原创 Vue packages version mismatch怎么办，最实用的方法
一般是出现这个问题是vue的版本高于vue-template-compiler版本，网上很多都说是把vue-template-compiler升级或者更多办法，可以直接降级vue的版本，比如我这里，npm install [email protected]这样问题就解决了...
2019-12-14 21:48:03
2169
原创 安卓的微信H5端图片不能长按 ，长按没反应
ios端的微信是没有这个问题，只有安卓端有，研究了一天了，最后发现是安卓端里，img标签嵌套不能大于body里面两层，超过了就没反应了，比如这样就会没反应 ...
2019-09-27 23:08:45
4759
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人