账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue,同级路由跳转时,如何传递参数,赋值到data实例?
    20
    0

    我现在有两个同级的路由页面要跳转,从A跳转到B。
    A页面上有很多链接都可以跳转到B页面,但是点击的链接不同,跳转到B页面展示的数据不同。
    现在A页面上的这个参数在A页面的data实例数据中,我想传递过去的时候,也赋值到B页面的data实例中使用,然后页面的请求后面带的参数就是这个传递过来的值,进行请求,达到展示对应点击链接的数据效果。
    具体实现的代码,大佬可以帮忙写一下吗?我基础比较弱,麻烦了!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 我身边偏偏少了你 普通会员 1楼

      在Vue中,同级路由跳转时,我们通常需要在跳转到的新页面中,通过数据传递参数。这可以通过在父组件的data属性中定义一个全局对象来实现。

      假设你有两个组件,分别是ParentComponentChildComponent,你想要在ChildComponent跳转到ParentComponent时传递一个参数,ParentComponent中需要存储这个参数。

      首先,在ParentComponent中定义一个全局对象:

      javascript export default { data() { return { value: 'Hello, World!' } } }

      然后,在ChildComponent中,获取父组件的数据:

      ```javascript import { mapGetters } from 'vuex';

      export default { computed: { ...mapGetters(['value']) } } ```

      ChildComponent中,通过value属性获取到传递的参数:

      javascript export default { computed: { ...mapGetters(['value']) }, methods: { ...mapMethods(['changeValue']) } }

      changeValue方法中,更新value的值:

      javascript export default { methods: { ...mapMethods(['changeValue']) }, mounted() { this.$parent.value = this.value; } }

      这样,当你在ChildComponent中点击按钮,value的值就会被传递到ParentComponent,并被更新为ChildComponent的值。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部