vue点击按钮跳转页面（带参数）

在传值页面添加点击按钮，给点击按钮添加跳转的点击事件。

这里用this.$router.push，用query方法传值。name指定要传到的页面。query指名要带的参数。      this.redirect：当出错时跳转到404.

接受值的页面用this.$route.query.id接受值。id为传值页面query里面的id。

*接受值是route而不是router

在网页中button按钮不具备a标签的属性，如果要给button

按钮增加跳转事件可以在的确onclick事件上点击跳转js来实现。

1.本地跳转

function

add(){

window.location.href="add.do?method=add"

//你需要跳转的地址

}

function

add(){

window.location.href="add.do?method=add"

//你需要跳转的地址

}

2.打开新页面

function

add(){

window.location("add.do?method=add")

//你需要跳转的地址

}

function

add(){

window.location("add.do?method=add")

//你需要跳转的地址

}

3、JSP页面调用

PHP是服务器端代码 ，html是客户端代码，实现button的onclick事件，就是客户端调用服务器端函数，因此就得向服务器提交请求。

有一种简单粗暴的方式，就是button是a标签时，可以直接在href里面写上要执行的php页面(或者通过给button绑定window.location通过JS跳转到PHP)。这种做法就得为每一个button设计一个PHP代码。

而我的做法是：事件+ajax 给button绑定点击事件，然后执行ajax。

---