Vue
坐的我尾巴骨疼
这个作者很懒,什么都没留下…
展开
-
父向子传值,解决子组件数据的双向数据绑定和子组件调用父组件中的方法
一、问题:在父组件向子组件传值过程中,修改子组件中的值,父组件中的值也会发生变化 方案:将传递 的值序列化,使用JSON.stringify(),子组件在解析JSON.parse()父组件:<template> <div class="work-content"> <table> <thead> <tr> <td>序号</td>...原创 2020-06-30 17:52:50 · 236 阅读 · 0 评论 -
Vue+Session+Interceptor实现会话登录超时重新登录
原理:session会话存储在服务器上,过期时间为30分钟,在login操作时,给session设置值,在springmvc拦截器中进行登录拦截,判断session是否存在,存在放行,不存在请求报错,返回401,前端捕获异常401,进行页面的重新跳转,重新登录。@RestController@RequestMapping("/login")public class Login11Controller { @Autowired private LoginService loginS原创 2020-06-05 13:06:31 · 2742 阅读 · 0 评论 -
Vue和poi实现Excel文件导入数据
介绍1.前端使用ElementUi的<el-upload>组件,前端的框架无所谓,iview也可以,upload里面的方法都类似 action提交地址,自己设置; 我的里面用了cookie,不用把它去掉,后端也要修改 判断文件的大小,和格式是否是Excel<template><div style="margin: 20px 30px"> <el-upload class="upload-demo" :ac...原创 2020-06-04 11:12:58 · 1049 阅读 · 0 评论 -
Vue+SpringBoot+Nginx部署在阿里云上面
项目环境:webstorm idea mysql项目能在本地运行跑通阿里云服务器:购买阿里云服务器步骤:(没有的自行百度)1.使用Xshell连接到阿里云服务器2.在阿里云服务器的/usr/lcoal下面安装java并配置环境变量3.安装nginx反向代理服务器4.安装mysql,使用navcait for mysql连接远程服务器,建库dao如表sql,...原创 2020-04-27 15:19:11 · 1218 阅读 · 1 评论 -
Uncaught (in promise) Error: Request failed with status code 404
用postman调接口有正确的返回值,与后台无关;肯定是前端配置问题;找了好几个小时。1.main.js中使用到mock的信息注释掉,因为axios与mock会有冲突// import { mockXHR } from '../mock'// if (process.env.NODE_ENV === 'production') {// mockXHR()// }...原创 2020-04-07 11:23:56 · 30325 阅读 · 4 评论 -
vue中的echart的渲染问题
方法一: this.$nextTick(function () {//使用nextTick为了保证dom元素都已经渲染完毕 const myObserver = new ResizeObserver(entries => { entries.forEach(entry => { $("#bar").width(entry.contentRect.w...原创 2020-03-13 13:03:35 · 715 阅读 · 0 评论 -
Vue中给canvas画布,获取div样式,设置动态宽高
项目需求: 需要使用echarts进行图表展示。由于div宽高是不固定的,因此需要先获取父级的宽高再把值赋予到图表的div中。 需要使用this.$nextTick(() => { });方法,在mounted中,保证DOM渲染完全后,在进行echarts初始化。赋值操作: $("#chartLineBox").width($(".right").w...原创 2020-03-10 14:12:19 · 4430 阅读 · 0 评论 -
URL中的参数获取时乱码问题以及参数传递问题
URL中的参数获取时乱码问题以及参数传递问题中文变奇怪字符,如:ä½ å¥½ 或者 ÄãºÃ"你好Java" ------> "ä½ å¥½Java"原字符串:“你好Java”你好Java4f60597d4a617661经UTF-8编码后,一个中文用三个字节表示:你好Javae4 bd a0e5 a5 ...原创 2020-01-15 16:09:41 · 293 阅读 · 0 评论 -
页面跳转js修改样式
先点击按钮传递参数,<div class="container"> <a class="options" href="../f/fb.html?id=0" > <text>本人</text> </a> <a class="options" href="../f/fb.h...原创 2020-01-10 14:13:19 · 485 阅读 · 0 评论 -
表单和POST提交数据序列化,GET不需要序列化
Submit提交表单数据序列化 get是将未加密的明文数据追加到url后面提交,post是将未加密的明文数据封装到请求体。所以说这两种方式虽然一个是在url可见一个不可见,但严格意义上都是不安全的,想要安全只能使用https。无论是submit还是ajax都是这样的。 submit提交的数据属于默认提价方式,所以submit的get和post都是经过序列化后的可以被直接识别,并且序...原创 2020-01-07 13:06:30 · 1508 阅读 · 0 评论 -
vuex数据刷新后丢失问题解决办法
在实际的vue项目中,当我们的应用遇到多个组件之间的共享问题时,通常会用到Vuex(一个状态管理的插件,可以解决不同组件之间的数据共享和数据持久化),解决组件之间同一状态的共享问题。因子: Vuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到。 Vuex劣势:在刷新页面后,vuex会重新更新state,所以,存储的数据会...原创 2020-01-03 15:07:00 · 302 阅读 · 0 评论 -
前后端分离的Http请求和Cors问题
前后端分离,前端和后端在不同的服务器上,必然跨域错误Access to XMLHttpRequest at 'http://127.0.0.1:8888/api/menus' from origin 'http://localhost:8081' has been blocked by CORS policy: Response to preflight request doesn't...原创 2020-01-02 15:24:11 · 1135 阅读 · 0 评论 -
iView + Vue,DatePicker选择日期格式处理与根据日期查询表单数据
属于个人笔记,没写demo,直接从个人的项目上面截取一部分1.DatePicker里面的日期格式是国际的,要用format修改其中的格式2.日期范围选择查询表单数据展示,把日期转化成秒进行大小,比较就可以了date.getTime()3.要先判断startTime和endTime是否都存在然后在操作单个<template><div><div cl...原创 2019-12-19 13:25:50 · 1178 阅读 · 0 评论 -
iView的table表格购物车的使用案例
在main.js中引入iviewimport Vue from 'vue'import App from './App'import iView from 'iview'import 'view-design/dist/styles/iview.css'Vue.config.productionTip = falseVue.use(iView);/* eslint-di...原创 2019-12-10 16:46:14 · 643 阅读 · 0 评论 -
axios的详解、基本请求、实例和拦截器
axios的网络模块一、axios的介绍官方网站:https://github.com/axios/axios http://www.axios-js.com/直接查看官方网站就行概念:Axios是一个基于Promise(ES6中用于处理异步的)的HTTP库,用于浏览器和node.js中,API。作用:浏览器中创建XMLHttpRequ...原创 2019-12-06 14:19:39 · 605 阅读 · 0 评论