Vue调转带参数
页面跳转经常携带参数,携带参数大致可以分为两类
A:通过query关键字传json对象,此方式传递参数会显示在地址栏当中。
B:通过params关键字传json对象,此方式参数不会显示在地址栏中。
query关键字传递参数,当页面刷新时参数不会丢失,params传递参数则会丢失。
需要注意的是使用params必须和name属性一起使用,否则要跳转的目标路由页面无法通过params获取到传递过来的参数
需要注意的是使用query的时候,可以通过path属性也可以通过name属性来指定目标路由
路由配置{
path: '/user',
name: 'user',
component: User
}
跳转方法:
this.$router.push({name:"user",query:{"userName":"lhb"}});
this.$router.push({path:"/user",query:{"userName":"lhb"}});
对应页面获取参数:
this.$route.query.userName;
路由配置
path: '/user',
name: 'user',
component: User
}
跳转方法:
this.$router.push({name:"user", params:{userName:"lhb"}});//注意name不能换成path:"/user"
对应页面获取参数:
this.$route. params.userName;
看jq菜鸟教程所得:
1、jQuery 入口函数:
$(document).ready(function(){
// 执行代码
});
或者
$(function(){
// 执行代码
});
2、JavaScript 入口函数:
window.onload = function () {
// 执行代码
}
jQuery 入口函数与 JavaScript 入口函数的区别:
jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。
JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。
3、keypress,keydown,keyup的区别:
a.keydown:在键盘上按下某键时发生,一直按着则会不断触发(opera浏览器除外), 它返回的是键盘代码;
b.keypress:在键盘上按下一个按键,并产生一个字符时发生, 返回ASCII码。注意: shift、alt、ctrl等键按下并不会产生字符,所以监听无效 ,换句话说, 只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一直按着某按键则会不断触发。
c.keyup:用户松开某一个按键时触发, 与keydown相对, 返回键盘代码.
案例1:获取按键代码或字符的ASCII码
$(window).keydown( function(event){
// 通过event.which可以拿到按键代码. 如果是keypress事件中,则拿到ASCII码.
} );
案例2:传递数据给事件处理函数
语法:
jQueryObject.keydown( [[ data ,] handler ] );
data: 通过event.data传递给事件处理函数的任意数据;
handler: 指定的事件处理函数;
举例:
// 只允许按下的字母键生效, 65~90是所有小写字母的键盘代码范围.
var validKeys = { start: 65, end: 90 };
$("#keys").keydown( validKeys, function(event){
var keys = event.data; //拿到validKeys对象.
return event.which >= keys.start && event.which <= keys.end;
} );