vue.js怎么进行页面跳转?


当前第2页 返回上一页

但是一般情况下,传参数是传递一个对象,当传递的是一个对象的时候,地址栏中的地址如下图:

3.png

第一种方式:path - query 传参

4.png

第二种方式:name - params传参数

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<p id="app">

            <p v-show="isShow">微风轻轻的吹来,带来了一丝丝凉意</p>

            <p>

                <button type="button" v-on:click="show(1)">显示</button>

                <button type="button" v-on:click="show(0)">隐藏</button>

            </p>

        </p>

         

        var vm = new Vue({

            el: '#app',

            data: {

                isShow:true

            },

            methods:{

                show:function(type){

                    if(type){

                        this.isShow = true;

                    }else{

                        this.isShow = false;

                    }

                }

            }

        })

更多编程相关知识,请访问:编程学习课程!!

以上就是vue.js怎么进行页面跳转?的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue和react有什么相似点

vue路由守卫有哪三种类型

vue是做什么的

什么是 vue

vue的$router是什么

vue计算属性和watch的区别有哪些?

如何解决vue中layui报错问题

2021年值得收藏的17个vue 后台管理模板

vue style中使用data中的变量的方法详解

vue.js支持ie9吗

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...