资讯专栏INFORMATION COLUMN

vue 传参

bbbbbb / 3279人阅读

摘要:文件目录结构效果图原理表示当浏览器路径跳到是即路径为时的属性的属性的值就获得为

文件目录结构

router >> index.js

{
        path: "/Page8",
        name: "Page8",
        component: Page8
    }

App.vue

            page8
        

{{ $route.params}}

{{ $route.params.mima }}

Page8.vue

    

{{ msg }}

{{ $route.name }}

效果图

原理:

表示当浏览器路径跳到page8是,即路径为/page8时,vue的属性$route 的 属性params 的值就获得为{zh:"qiwei",mima:"asdf342"}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95763.html

相关文章

  • (原创)vue传参之通过Vue属性$route的params传参

    摘要:传值与传参是两块东西概念图原理传参的原理主要在于也有是的属性是的属性用来储存数据的键值对对象形式储存很多属性键值对属性属性值在里面清单通过浏览器插件开发者工具插件可以看的到属性内部的具体数据可以说于是一个中间容器用来容纳参数是键值对的方式这 vue传值 与 vue传参是两块东西 概念图 showImg(https://segmentfault.com/img/remote/146000...

    30e8336b8229 评论0 收藏0
  • vue常用操作及学习笔记(路由跳转及路由传参篇)

    摘要:也可以从其他文件进来定义路由每个路由应该映射一个组件。其中可以是通过创建的组件构造器,或者,只是一个组件配置对象。 路由跳转 - 超链接方式跳转 html: Hello App! Go to Foo Go to Bar router.js...

    megatron 评论0 收藏0
  • vue-router query和params传参(接收参数)$router $route的区别

    今天做项目时踩到了vue-router传参的坑(query和params),所以决定总结一下二者的区别。 直接总结干货!!! 1.query方式传参和接收参数 传参: this.$router.push({ path:/xxx, query:{ id:id } }) 接收参数: this.$route.quer...

    testHs 评论0 收藏0
  • 新手使用vue-router传参时注意事项

    摘要:使用和组合传参路由配置获取参数刷新参数丢失显示注意此方法第一次跳转是没有问题的,参数也可以传过去,但是刷新页面后,参数就没了这个地方其实还有一个问题,当你传递的参数是类型,第一次是没有问题的,获取的时候也是类型,但是当你刷新页面后,变成类 1. 使用name和params组合传参 this.$router.push({name: details, params: {id: 233}})...

    microcosm1994 评论0 收藏0
  • 新手使用vue-router传参时注意事项

    摘要:使用和组合传参路由配置获取参数刷新参数丢失显示注意此方法第一次跳转是没有问题的,参数也可以传过去,但是刷新页面后,参数就没了这个地方其实还有一个问题,当你传递的参数是类型,第一次是没有问题的,获取的时候也是类型,但是当你刷新页面后,变成类 1. 使用name和params组合传参 this.$router.push({name: details, params: {id: 233}})...

    clasnake 评论0 收藏0
  • 几种常见的Vue组件间的传参方式

    摘要:缺点用这种方法写出来的组件十分难维护,因为你并不知道数据的来源是哪里,有悖于单向数据流的原则拿到的是一个数组,你并不能很准确的找到你要找的子组件的位置,尤其是子组件多的时候。 几种常见的Vue组件间的传参方式 Vue父子组件通讯的方法其实有很多,本文只是做一个总结,说说他们的优缺点,具体如何使用相关文档和网上大神已经总结的很多里,这里就不再说明。 1.Vuex 介绍 Vuex 是一个专...

    TalkingData 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<