周文豪 - 博客园

2021年12月7日

摘要：参考文章：https://blog.csdn.net/weixin_42531204/article/details/105254213 一、使用BcryptPasswordEncoder spring security中的BCryptPasswordEncoder方法采用SHA-256 +随机盐+ 阅读全文

posted @ 2021-12-07 10:20 周文豪阅读(1684) 评论(1) 推荐(0)

2021年12月6日

滑块验证机制

摘要：效果：代码如下： <template> <div class='login_container'> <div class="login_box">  <div class="avatar_box"> <img src="../../assets/baby.jpg" alt= 阅读全文

posted @ 2021-12-06 19:32 周文豪阅读(206) 评论(0) 推荐(0)

2021年12月5日

navMenu如何实现跳转？

摘要：根据menu属性router来实现， router属性：是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转将router的属性值设置为true即启用router属性。 <el-menu default-active="/main/dataS 阅读全文

posted @ 2021-12-05 09:58 周文豪阅读(561) 评论(0) 推荐(0)

2021年12月4日

vue项目报错：$ is not defined

摘要：报错如下：解决办法：引入jquery 1）、安装jquery cnpm i jquery -s 2)、main.js中引入 import $ from 'jquery' window.jQuery = $;window.$ = $; 阅读全文

posted @ 2021-12-04 22:27 周文豪阅读(1782) 评论(0) 推荐(0)

状态合并：replaceState

摘要：看如下代码： import Vue from "vue"; import Vuex from "vuex"; import getters from "./getters"; Vue.use(Vuex); const modulesFiles = require.context("./modules 阅读全文

posted @ 2021-12-04 21:38 周文豪阅读(90) 评论(0) 推荐(0)

store/index.js中引入并注册modules目录中的js文件：require.context

摘要：一、常规方式 1）、先引入 import user from './modules/user' import app from './modules/app' import settings from './modules/settings' 2）、注册到modules中 modules: { us 阅读全文

posted @ 2021-12-04 21:07 周文豪阅读(480) 评论(0) 推荐(0)

路由导航守卫中document.title = to.meta.title的作用

摘要：路由导航守卫如下： router.beforeEach(async (to, from, next) => { document.title = to.meta.title; // 路由发生变化时候修改页面中的title const hasToken = store.getters.token; i 阅读全文

posted @ 2021-12-04 16:46 周文豪阅读(1214) 评论(0) 推荐(0)

vue路由中meta的作用

摘要： meta简单来说就是路由元信息，也就是每个路由身上携带的信息。当我们做面包屑功能时，会用到meta。面包屑效果如下： router/index.js中代码如下: { path: '/backstage', component: Layout, redirect: '/backstage/menu 阅读全文

posted @ 2021-12-04 16:12 周文豪阅读(1809) 评论(0) 推荐(0)

2021年12月3日

vue:app.vue中添加监听beforeunload事件，即当浏览器窗口关闭或刷新时删除vuex中的数据

摘要：当打开页面时，添加事件监听，即监听beforeunload事件，beforeunload事件在关闭页面时触发。即当关闭页面时，手动删除localStorage中的数据。 app.vue中的代码如下： <template> <div id="app"> <router-view /> </div> < 阅读全文

posted @ 2021-12-03 17:49 周文豪阅读(4508) 评论(0) 推荐(0)

vue设置全局样式：loadOptions

摘要： vue中全局设置样式有两种方法：第一种：只需要在main.js中引入如global.css html,body,#app{ height: 100%; margin: 0px; padding: 0px; } 在main.js中引入 import "./styles/index.scss";im 阅读全文

posted @ 2021-12-03 16:59 周文豪阅读(6547) 评论(0) 推荐(2)