![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
qq_41622603
这个作者很懒,什么都没留下…
展开
-
vue路由跳转并传参
path:vue文件所在路径quert:传递的参数this.$router.push({ path:'/data/DataList', query:{id:id}})接收参数:this.$route.query.id原创 2021-02-15 18:05:50 · 394 阅读 · 0 评论 -
LocalStorage和SessionStorage——web本地存储的两种方式
语法:LocalStorage和SessionStorage使用都是一样 LocalStorage:localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。 SessionStorage:sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。 ...原创 2021-01-24 11:58:24 · 343 阅读 · 0 评论 -
SpringBoot+Vue集成WebSocket,实现后端向前端推送信息
一、后端1.pom文件引入依赖<!-- webSocket--><dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId></dependency>2.编写启用WebSocket支持类import org.spring.原创 2021-01-20 17:05:04 · 4004 阅读 · 1 评论 -
vue分割字符串并循环
props.item.plate是一个字符串,后面要加上||''才能使用split函数进行分割原创 2020-12-16 11:29:46 · 2428 阅读 · 0 评论 -
Object.assign——javascript对象合并和替换参数
用法1——合并:const user={id:1,name:"pangzi",sex:"nv"};const param={phone:"123456"};Object.assign(user,param);console.info(user);//输出结果{id:1,name:"pangzi",sex:"nv",phone:"123456"}用法2—替换const user={id:1,name:"pangzi",sex:"nv",phone:"123456"};co.原创 2020-12-10 11:56:18 · 1282 阅读 · 0 评论 -
子组件向父组件传参
在父组件中引入qs-selects子组件@selectValue:是子组件中使用$emit传递的事件名,如图1.selectValue:是父组件中定义的方法名,用于接收子组件中$emit传递的参数,如图2.<template slot="items" slot-scope="props"> <qs-selects @selectValue="selectValue"></qs-selects><template/>图1. 子..原创 2020-12-09 11:45:56 · 210 阅读 · 0 评论 -
父组件往子组件传参
在父组件中引入qs-selects子组件:qsSelectsData:对应的是,子组件中在props定义的变量,如图2.selectsData:对应的是,父组件中在data定义的变量,如图1.图1. 父组件的script图2. 子组件的script调用:在标签中调用:{{qsSelectsData}}在方法中调用:this.qsSelectsData...原创 2020-12-09 11:24:42 · 108 阅读 · 0 评论 -
QS工具——解决JSON对象发送到后台无法使用对象接收问题
前端发送的是JSON格式的数据后端接收的类型一个是实体类,一个是列表这样接收会报请求参数不合法的错误所以我们发送参数的时候要把JSON字符串转为查询字符串,大概就是这样子name=jack&age=21,就像请求的时候把参数拼接到URL首先需要安装qsnpm install qs --save在main.js中导入import qs from 'qs'设置全局变量,让qs随时可以调用 Vue.prototype.$qs = qs;在需要...原创 2020-10-29 17:23:46 · 820 阅读 · 0 评论