- 博客(16)
- 问答 (9)
- 收藏
- 关注
RSS订阅原创 极客园pc项目5 react-router-dom v6 类组件编程式跳转问题
先引入useNavigateimport {Link,useNavigate } from "react-router-dom";
2022-05-07 16:30:26
581
原创 极客园pc项目四 处理react-router-dom非组件跳转问题
1.先在utils中新建history.jsimport {createBrowserHistory} from 'history'const histtory=createBrowserHistory()export default history2.在app.js中导入historyimport history from 'utils/history' <Router history={history}> <Routes>
2022-04-29 23:47:16
384
1
原创 极客园pc项目3 react-router-dom v6 二级路由跳转问题
1.在app文件里配置路由import {BrowserRouter as Router, Routes, Route} from 'react-router-dom'import Login from 'pages/Login'import Home from 'pages/Home'import ArticleList from "pages/ArticleList";import ArticlePublish from "pages/ArticlePublish";import Conte
2022-04-27 23:01:16
1789
原创 极客园pc项目二 css module
1.css文件名改为name.module.css2.通过styles对象中的样式名来设置样式<div className={styles.样式名}></>3.注意点(1).类名最好使用驼峰命名法.tabBar{}styles.tabBar(2).没有使用驼峰命名法，对于不合法的命名，需要使用[]语法.tab-bar{}styles['tab-bar](3).如果是全局的类名，应该使用:global(.类名)的方式，不然会把全局类名给修改掉:global(
2022-04-26 17:14:33
172
原创 2021-06-25
React中使用百度地图1.注册百度账号，申请ak。点击创建应用可以看见ak2.引入百度地图<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=您的密钥">这里的密钥就是上面申请到的ak。替换即可这个放在public下的index.html文件中公共样式index.css中添加如下代码html,body,#root,.App{
2021-06-25 10:40:03
68
转载 vue封装 element-ui form表单验证 正则匹配手机号 自定义校验表格内容
在methods:中写： //检查手机号 isCellPhone(val) { if (!/^1(3|4|5|6|7|8)\d{9}$/.test(val)) { return false; } else { return true; } },在template中 <el-form :model="formedit" ref="ruleForms" :rules="ruleEdit" label-pos
2020-09-03 20:11:31
2032
原创 vue轮播图组件
新建banner.vueHTML部分<template> <div class="swiper-container swiper1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <!-- 当banner为空时，默认一张图片 --> <img src="../../static/images/banner.jpg"
2020-08-23 17:50:11
613
原创 Can‘t resolve ‘swiper/dist/css/swiper.min.css‘ in ‘F:\fan\src\components\common‘
以上问题是版本不一致导致的，新版swiper进行如下操作即可解决，npm install swiperimport Swiper from 'swiper';import 'swiper/swiper-bundle.css';具体参考最新https://swiperjs.com/get-started/看了好多博客，也试了好多，终于在一篇博客的评论里找到了解决方法。...
2020-08-23 17:40:40
910
转载 Vue给单独页面添加背景色
由于外层还有一个div，所以设置背景色100%的时候不能全部都被背景色覆盖。如果给HTML设置背景色还会影响到其他页面的背景色。解决办法：给style添加一个scoped表示当前样式只给当前页面设置。单独设置背景的方法是在单独页面外层添加一个div,将这个div属性设为：fixed,例如：内部样式会跟随上移，添加一个margin-top即可。第二种方案(推荐)：使用js来设置，再mounted方法中添加如下代码：document.body.style.backgroundColor="#f
2020-08-22 22:45:43
1381
1
转载 2020-08-09
一、问题： 在构建react-app的时候，一直卡在加载资源包的地方，重试了几次也是卡住在这里，在git bash时候是看不见卡住在哪里的，因为git bash没有显示加载的过程。可以在项目文件夹按住shift点击右键就会看见：在此处打开PowerShell窗口，打开后输入命令creat-react-app my-app，因为我之前有安装过脚手架工具-cnpm install -g create-react-app，所以我直接调用creat命令，在shell窗口可以看见卡住的过程，语句如以下所示。fe
2020-08-09 18:41:17
82
转载 解决 cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。
解决 cnpm : 无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。解决方法:1.以管理员身份运行power shell2.输入set-ExecutionPolicy RemoteSigned 回车然后输入A 回车问题解决参考自：https://blog.csdn.net/kurumifan/article/details/103834851...
2020-08-07 22:36:48
921
空空如也
umi-max中的请求怎么中止
2023-12-19
React 页面要渲染文章，每个文章样式不一样，有什么模板可以套用吗
2021-06-28
点赞图片动态渲染列表的问题
2021-05-16
2021-04-12 17:00 GMT+08:00
2021-05-11
node通过multer上传文件获取不到
2021-04-22
node 用bodyParser说是已弃用，还有怎么方法可以获取到body数据的方法吗
2021-04-16
用node+express写后端，数据库存放图片相对路径，然后服务器怎么配置虚拟路径啊
2021-04-01
一个按钮分别控制不同tab栏下的子项的显隐？
2021-02-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人