html
vueer
菜
展开
-
js 控制滚动条位置,实现 锚点效果
<div id="test" style={{ backgroundColor: 'red' }} onClick={() => { let test = document.getElementById('a'); document.body.scrollTop = test?.getBoundingClientRect()?.top||0; }} .原创 2021-08-10 11:07:22 · 669 阅读 · 0 评论 -
es6的深拷贝
1、场景描述react项目 ,拿到后台数据之后需要经过处理之后显示在页面,所以:const [primary, setPrimary] = useState<OrderCargoDtoType[]>([]);const data = primary for (let i = 0; i < primary.length; i++) { data[i].itemVolume = data[i].itemVolume / 1000000; }上面的代码,看起来就原创 2021-07-01 11:43:35 · 1961 阅读 · 0 评论 -
js转化对象为Formadata
//转化对象为formdataconst paramsToFormData = (json) => { const formData = new FormData(); Object.keys(json).forEach((key) => { if (json[key] instanceof Array) { json[key].forEach((item) => { formData.append(key, item); });原创 2021-04-15 11:36:13 · 330 阅读 · 0 评论 -
Vue3.0路由传参
Vue 之路由传参在 vue3.0 里面使用路由必须要引入 useRouter 和 useRouteimport { useRoute, useRouter } from 'vue-router'秉承谁长谁先死,Router 长 所以他负责跳转,Route 负责接收数据传参使用query和params,主要区别就是前者使用path进行跳转,后者使用name进行跳转//使用queryfunction useHooks() { const Router = useRouter() //跳转原创 2021-04-12 13:49:23 · 5583 阅读 · 0 评论 -
Less的学习笔记
Less的学习笔记1.首先附上less的官方网址https://less.bootcss.com/2.其次是自己的码云地址(gitee)https://gitee.com/wangming0123/less_note笔记内容:官方文档的demo实现。原创 2021-03-11 11:23:32 · 65 阅读 · 0 评论 -
vue登录操作cookie+导航守卫
1、cookieUtil/** * Created by Schon on 2018/9/13 0013. *///设置cookieexport function setCookie(key,value) { var exdate = new Date(); //获取时间 exdate.setTime(exdate.getTime() +3000); //保存的天数,我这里写的是100年 //字符串拼接cookie window.document.cookie原创 2020-10-22 09:58:28 · 527 阅读 · 0 评论 -
vue+shiro出现的跨域(登陆成功之后还是不能访问,存在拦截)
参考文章:https://blog.csdn.net/weixin_45492007/article/details/1054857821、首先vue使用的是axios进行网络请求的,他默认不会携带cookieaxios.defaults.withCredentials = true// 允许当前axios携带cookie在main.js配置2、后台存在跨域,当使用 @CrossOrigin 时,他不允许cookie,所以使用一下两种方式解决跨域1.基于WebMvcConfigu...原创 2020-10-16 10:03:26 · 1177 阅读 · 3 评论 -
Ajax上传
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcss.com.原创 2020-10-15 23:15:00 · 79 阅读 · 0 评论