项目场景： spring boot登录跨域及session丢失 问题描述 提示：这里描述项目中遇到的问题： Access to XMLHttpRequest at ‘http://localhost:8081/login’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-…
在Vue.js中，动态组件和异步组件加载是两个强大的高级特性，它们可以使您的应用程序更具动态性和性能。在本文中，我们将探讨这两个概念，以及如何在Vue应用程序中使用它们。 动态组件 动态组件是指可以根据不同情况在同一个位置切换不同组件的机制。它允许您根据需要动态地渲染组件，从而实现更灵活和动态的UI交互。 基本用法 您可以使用 <component> 元素来实现动态组件。 <te…
1、下载 yarn add @wangeditor/editor # 或者 npm install @wangeditor/editor --save yarn add @wangeditor/editor-for-vue # 或者 npm install @wangeditor/editor-for-vue --save 2、封装组件 <template> <div style…
vue项目中使用beforeRouterLeave来拦截路由遇到的闪动问题（vant框架） 在做移动端是提出需求返回是确认是否确认返回，考虑到移动端可能会手滑动屏幕来退出，所以需要采用检测路由变化来让用户选择 开始单纯的在路由守卫中使用组件判断，但是会出现第一次点击有效，后面点击出现页面闪动或者只改变url没有改变页面的问题，在网上搜索有两个解决方案，一个是使用history，另一个是采用定时器来…
组件代码 <template> <div :style="divStyleInternal"> <label class="left-label" :style="lStyle">{{ label }}</label> <div class="inline" :style="sStyle"> <el-tooltip :placeme…
报错如图 Vue-Cli脚手架新建项目时会选择ESLint + Prettier来统一前端代码风格，但严格的格式要求容易出现很多警告和错误，最好关闭Prettier。 解决方案： 在.eslintrc.js文件中配置关闭Prettier； 在rules中增加一行：“prettier/prettier”: “off” 重启后生效 报错信息2（如某一变量声明的没有用，报警告信息） 在.eslintrc…
Vue 路由传参和接收参数主要有四种解决方法如下： 方法一：params 传参 通过 params 传递参数，如果我们想获取 id 的参数值，可以通过 this.$route.params.id。 方法二：路由属性配置传参 通过路由属性配置传参我们可以用 this.$route.params.id 来获取到 id 的值。 方法三：query 传参 通过 query 传参，如果我们想获取 id 的参…
watch侦听器， 主要用于观察数据变化，执行关联操作，自动传入新数据和老数据. 首先是watch最基础用法,监听input框值变化就会触发,获取新老值,执行相关操作: <template> <div> <el-input v-model="value" placeholder="请输入内容" /> </div> </template> …
本文地址： http://www.cnblogs.com/veinyin/p/7911292.html 最近学完了基础课程，打算整理一波笔记，对基本概念梳理一遍，惊觉对子路由和单页面多路由混淆的一塌糊涂。 果然，基础课程的坑新手是体会不到的。 由于子路由仅嵌套了一层，多路由给了左右两个组件，而且两个都是在默认组件下进行的。于是，妥妥误会俩作用一样。我发现自己问题，并尝试网上找到区别时，发现并没有人…