• 技术文章 >web前端 >Vue.js

    vue.js页面间如何实现传值

    coldplay.xixicoldplay.xixi2020-11-30 16:50:21原创48

    vue.js页面间实现传值的方法:1、使用query传值,代码为【query: { name: 'jack' }】;2、使用params传值,代码为【params: { usersitelist: 'userlist' }】。

    本教程操作环境:windows7系统、vue2.9版,该方法适用于所有品牌电脑。

    vue.js页面间实现传值的方法:

    1、使用query传值 地址栏可见

    比如从a.vue跳转至b.vue,传name=‘jack’,代码如下:

    this.$router.push({
              path: "/result",
              query: { name: 'jack' }
            });

    在b.vue通过地址栏的url 进行接收参数;

    我是在created这个函数里面进行接收的,var name = this.$route.query.name;就可以接收到name这个参数了;

    2、使用params传值 地址栏不可见

    这个方式要注意一点,在请求的时候需要写上在router下面index.js里面的name,

    可以和query一同传值;

     this.$router.push({
              path: "/result",
              name: "Result",
              query: { name: 'name' },
              params: { usersitelist: 'userlist' }
            });

    params传值在地址栏不可见,但是取值方式是和query一样的,我也是在created函数里面进行取值的;

    var usersitelist = this.$route.params.usersitelist;

    相关免费学习推荐:JavaScript(视频)

    以上就是vue.js页面间如何实现传值的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:vue.js 传值
    上一篇:vue.js怎么部署到服务器上 下一篇:vue.js怎么获取class
    第14期线上培训班

    相关文章推荐

    • 如何实现微信小程序url传值• Vue组件间之间传值实力分析• php中传值与传引用的区别有哪些?• php实现跳转传值有什么方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网