- 博客(17)
- 收藏
- 关注
原创 JS循环遍历大总结for , for...in, for...of, map, forEach
forEach 遍历列表值,不能使用 break 语句或使用 return 语句for in遍历对象键值(key),或者数组下标. forEach、map、for..of、for..in、for循环实现异步变同步
2022-10-13 18:01:19
2076
转载 vue路由跳转页面的几种方式及其区别
1.query可以用name和path匹配路由,通过this.$route.query.id获取参数,刷新浏览器参数不会丢失2.params只能用name匹配路由,通过path匹配路由获取不到参数,对应的路由配置path:‘/home/:id’或者path:‘home:id’,否则刷新浏览器参数丢失3.直接通过url传参,push({path: ‘/home/123’})或者push(’/home/123’),对应的路由配置path:‘/home/:id’,刷新浏览器参数不会丢失。
2022-10-13 10:41:58
1199
原创 记录一下遇到的问题
修改对象的key值 echarts图表渲染后四周留有大量空白区域解决 div有border时,使用line-height不能垂直居中
2022-10-12 17:42:50
382
原创 react使用反向代理
下载http-proxy-middleware$ npm install http-proxy-middleware --save$ # or$ yarn add http-proxy-middleware创建src/setupProxy.jsconst { createProxyMiddleware } = require('http-proxy-middleware');module.exports = function(app) { app.use( '/api',.
2021-11-29 11:19:15
407
原创 在react项目中使用CSS Modules
编写一个 css 文件:Child.module.css.item{ width: 200px; background-color: burlywood;}在 js 文件中使用 CSS Modules 的方式进行引用import React from 'react'import style from './Child.module.css'export default function Child() { return ( <div>
2021-11-29 10:33:35
246
原创 Webstorm运行npm run dev报错无法加载文件
解决方法:(1)以管理员身份运行VSCode(2)执行命令:get-ExecutionPolicy(取得shell的当前执行策略)显示Restricted(表示状态是禁止的)(3)执行命令:set-ExecutionPolicy RemoteSigned(4)执行命令:get-ExecutionPolicy,显示RemoteSigned参考VSCode报错:vue : 无法加载文件 D:\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。...
2021-08-04 10:00:38
985
原创 Vue创建项目后npm install报错
1、删除项目中的node_modules2、执行node-v,npm-v,查看对应版本3、查看package.json中engines节的配置,配置成我们自己的npm,node版本号4、执行npm install完成项目依赖项加载执行:npm install --registry=https://registry.npm.taobao.org重新拉取依赖5、运行npm run dev参考vue运行命令npm run dev问题的解决方法npm install 在下载某个包时卡住不动
2021-08-04 09:58:35
564
原创 vue element ui 在父组件中控制子组件表单验证
子组件需要定义 validate方法 这个名字可以随意,建议form组件验证名字一致validatemethods: { validate(callback){ //这个form是子组件内部el-form 的ref="form" this.$refs.form.validate((valid) => { callback(valid); }); } }父页面引入子组件 添加ref<child-form ref="f
2021-07-05 16:29:25
717
1
原创 Flex布局
Flex布局目录Flex布局一、Flex 布局是什么?二、基本概念三、父级的属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content四、子项的属性orderflex-growflex-shrinkflex-basisflexalign-self参考一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。二、基本概念采用 Flex 布局的元素,
2021-06-04 15:17:09
255
原创 每日笔记2021/06/03
目录1.npm安装依赖时-S2.vue引入css文件不起作用3.element表头和表格内容没有对齐4.参考1.npm安装依赖时-S安装单独的依赖包时,npm install –save 等同于-S (常用,可保存在package.json文件中),-S, --save 安装包信息将加入到dependencies(生产阶段的依赖,也就是项目运行时的依赖,就是程序上线后仍然需要依赖)–save-dev 等同于 -D-D, --save-dev 安装包信息将加入到devDependencies(开发
2021-06-04 09:25:50
68
原创 每日笔记2021/06/02
目录1.表格里面一行有多个下拉框,每个下拉框都有值之后根据前面的下拉框取值显示最后单元格的值(未解决)2.Vue中的js引入图片,必须使用require参考1.表格里面一行有多个下拉框,每个下拉框都有值之后根据前面的下拉框取值显示最后单元格的值(未解决)2.Vue中的js引入图片,必须使用require<el-image :src="imgUrl"/>imgUrl:require('../assets/logo.png'),原因是:在标签中直接写上图片路径,路径会转为 base64
2021-06-03 10:09:54
83
原创 每日笔记2021/06/01
6.1每日笔记每日笔记2021/06/016.1每日笔记1.vue+element 表格添加下拉框2.webstorm中怎么搜索文件3.使用v-for循环生成表格,并设置单元格的宽度4.代码中TODO标签5.ElementUI表格序号翻页后重置的解决办法6.element没有数据表格显示的提示语句1.vue+element 表格添加下拉框<el-table :data="tableData" class="tb-edit" :header-cell-style="{ background:
2021-06-02 10:17:19
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人