随笔记录

35 阅读1分钟

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(){

// 执行代码

});
2JavaScript 入口函数:

window.onload = function () {

// 执行代码

}
jQuery 入口函数与 JavaScript 入口函数的区别:

jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。

JavaScriptwindow.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;

} );