- 博客(38)
- 收藏
- 关注
原创 Uncaught (in promise) TypeError: Cannot destructure property ‘containerEl‘ of ‘el[SCOPE9]‘ as it is
问题:el-select+v-infinite-scroll,下拉加载内容使用报错index.ts:120 Uncaught (in promise) TypeError: Cannot destructure property 'containerEl' of 'el[SCOPE9]' as it is undefined.官网解决方法:“触发了灵感,在 nextTick() 之后再显示 v-infinite-scroll组件 的组件,解决问题。
2024-07-15 15:46:24 359
原创 uniapp 解决富文本图片过宽超出
解释:主要是前两个:设置max-width和height,加上display:block和margin是为了让图片始终独占一行居中展示。
2024-07-10 10:14:15 283
原创 el-form 根据数组动态渲染的el-form-item必填校验绑定
3,必填校验的key要和绑定的数据key值对应,这里因为数据不多且懒得多写,直接写在template里面了:下例(:rules="[{ required: true, message: '电话号码', trigger: 'blur' }]";4,以上都不是我一直出错的原因,我出错的原因是:data字段是单独引入的,没有和form数据对应~~注意校验是针对form表单的,所以在input的输入框加了change事件,及时同步form数据。注意:1,el-from必须绑定数据:下例(:model=form;
2024-04-30 10:58:07 574
原创 vue2 vue3 diff算法比较
简单来说,就是先老节点与新节点,头对头->尾对尾->头对尾->尾对头,再不行就从根据新节点key值,找对应的老节点,找到更新对应的真实dom.以上五步是不符合条件依次往下,符合条件,新老节点的startIndex或endIndex会向中间靠拢,进行下一节点的对比。例如:现在有abcd四个节点,需要在bc节点间添加一个e节点,没有key值时,会将c节点变成e节点,d节点变成c节点,最后加入d节点(如下图一)。3:vue2的diff完全乱序的列表需要借助key,性能会好一些,vue3是借助位置变化值。
2024-03-19 17:08:57 1384
原创 vue3+iframe+blob获取后端文件展示在前端
代码:将从后端获取的文件流转成PDF链接,在链接后加入'#toolbar=0'是为了去掉操作栏。接口:需要加上:responseType: 'blob' //响应数据类型是blob对象。需求:在前端页面以PDF形式显示后端传来的文件流,如下图。
2024-01-29 17:15:47 757 1
原创 vue3+element-plus动态渲染级联选择器,重置渲染数据
解决方法:在级联中绑定options,在需要重置的地方设置为空(虽然动态渲染的级联选择器根本就不需要。...一直在试ref绑定各种方法,但是都失败了,反而这样写成功了...需求:重置级联选择器。
2023-12-22 17:59:15 901
原创 ElementPlusError: [ElOnlyChild] no valid child node found
场景:使用element-plus的popover弹出框,一直报警告ElementPlusError: [ElOnlyChild] no valid child node found。解决方法:在存在if等判断条件的元素外套一层元素,如下图套
2023-12-21 17:10:25 4868 1
原创 vue3 defineExpose,defineEmits,defineProps区别
一:defineExpose用在子组件中,将子组件中的属性暴露出去,然后在父组件中使用ref得到。二:defineEmits用在子组件中,将子组件方法传递给父组件。三:defineProps用在子组件中,获取父组件变量。故事的开始,发生在我刚看到这行代码的时候,眼前一黑,注意:这三个东西都是写在setup语法糖下的。这三个都涉及父子组件间的通信,
2023-11-16 15:36:28 503
原创 vite element-plus+vue3实现空状态自定义本地图片
补充:vite静态资源处理不是用的require,会报错。二:vite环境下,在路径assets前面加上src。一:webpack环境下,使用require。
2023-10-27 18:05:25 441
原创 idea2018.3.3安装配置
3.4 在idea2018.3.3中配置maven,file->settings->Build ,Execution,Deployment->Build Tools->Maven,修改maven地址,修改setting.xml地址(前两步有用到过,我的是D:\idea\IntelliJ IDEA 2018.3.3\plugins\maven\lib\maven3\conf\setting.xml),修改maven仓库地址(3.2步创建了),点击OK。2.1 下载jdk1.8。
2023-10-12 16:16:02 359
原创 error Component name “Login“ should always be multi-word vue/multi-word-component-names
error Component name "Login" should always be multi-word vue/multi-word-component-names
2023-07-12 19:37:55 124
原创 react中css样式污染问题
1.2 改引用方法 import './demo.scss'-->import styles from './demo.scss'原因:搜索发现是因为react会把所有的样式文件都放到里面(如下图),这样如果类名重复,样式是会互相覆盖的。问题:突然发现一个页面的样式覆盖了另一个页面的样式,但是两个页面是独立开发的,样式也是分开写的,互相没有引用。1.1 改样式文件名 xxx.scss-->xxx.module.scss。解决方法:我搜索了一下,本质上都是让类名不一致。
2023-05-18 18:05:20 825
原创 react-antd-table表头添加一个button
需求:在table表头上添加一个add的button,如下图所示。因为table表头是columns渲染的,所以一时之间不知道怎么写~网上的方法是用插槽,比较麻烦,主要是我写的渲染不出来~实现:title可以返回函数~~~
2022-11-13 17:47:58 813
原创 You cannot render a <Router> inside another <Router>.
router.ts:5 Uncaught Error: You cannot render a inside another . You should never have more than one in your app.
2022-06-09 17:56:13 3128
原创 There might be a problem with the project dependency tree.
There might be a problem with the project dependency tree.It is likely not a bug in Create React App, but something you need to fix locally.
2022-06-07 15:43:41 113
原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘map‘)
问题:react使用map遍历数组动生成数据时,报错Uncaught TypeError: Cannot read properties of undefined (reading 'map')解决方法:调用map的对象是undefined,初始化第一次渲染的时候,异步数据返回之前是undefined。所以需要在这里加一个判断。...
2022-05-20 15:49:44 5722 4
原创 报错:HTTP/2 stream 1 was not closed cleanly before end of the underlying stream
问题:使用git请求更新代码,拉取分支时,报错:HTTP/2 stream 1 was not closed cleanly before end of the underlying stream解决方法:提示默认通信协议出错,更改默认通信协议:git config --global http.version HTTP/1.1...
2022-05-19 11:03:08 10967 3
原创 Cannot find module ‘semver/functions/cmp‘
突然报出的错误,在网上搜了解决方法,都是显示有一个多余的包导入了,找了半天也没找到多导的包。。后来发现是少了个组件,害,之前有的包,突然就没有了,重新下载一下就行了。解决方法: npm i...
2022-05-18 10:46:15 368
转载 springboot解决跨域问题
package com.example.springboot.config;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.web.cors.CorsConfiguration;import org.springframework.web.cors.UrlBase...
2022-04-11 19:45:54 108
原创 uni-app中引入iconfont阿里巴巴矢量图标库
一:首先看一下图标二:将icon.css文件放到项目中。 在static下面新建icon.css文件(一般是建在common文件下面,建在其他位置上也可以),将iconfont里面的内容复制到icon.css。 这里要对icon.css内容做一些改变。复制上述代码,替换icon.css中的代码,更改后如下:注意:需要在链接地址前添加"https://"三:在app.vue中引入四:使用注意:需要在前面加上iconfont前缀...
2021-12-29 11:22:27 765
原创 react配置路由
一:安装npm install react-router-dom --save二:版本号"react-router-dom": "^6.0.2",三:目录结构四:index.jsimport ReactDom from "react-dom";import Router from "./router"ReactDom.render( <Router/>, document.getElementById("root"))五:router.js
2021-12-15 16:08:21 1017
原创 数组方法总结
目录一:poping和pushing二:shift和unshift三:splice和slice四:concat五:toString()六:sort 和reverse七:forEach和map八:fliter和map var color=["red","yellow","blue"] console.log(color)//red,yellow,blue一:poping和pushing pop()方法从数组中删除最后一个元素 ...
2021-11-19 11:44:56 393
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人