美文网首页
2018-09-28

2018-09-28

作者: 月桂清山 | 来源:发表于2018-09-28 20:12 被阅读0次

    1.vue 路由跳转传值   -------- 最好用vuex,bus不适合在路由跳转中传值,因为需要初始化组件

    2.http请求可用formData传递多个相同属性函数,用数组提交,在qs中,设置qs.stringify(params, { indices: false })

    1. router-link

    <router-link:to="{

            path: 'yourPath',

            params: {

                name: 'name',

                dataObj: data

            },

            query: {

                name: 'name',

                dataObj: data

            }

        }"></router-link>1.path-> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航2.params-> 是要传送的参数,参数可以直接key:value形式传递3.query-> 是通过 url 来传递参数的同样是key:value形式传递// 2,3两点皆可传递

    传递exportdefault{ name:'', data () {return{ msg:'test message'} }, methods: { sendParams () {this.$router.push({ path:'yourPath', name:'要跳转的路径的 name,在 router 文件夹下的 index.js 文件内找', params: { name:'name', dataObj:this.msg }/*query: {

    msg

    exportdefault{    name:'',    data () {return{        msg:''}    },    methods: {      getParams () {// 取到路由带过来的参数 letrouterParams =this.$route.params.dataobj// 将数据放在当前组件的数据内this.msg = routerParams      }    },    watch: {// 监测路由变化,只要变化了就调用获取路由参数方法将数据存储本组件即可'$route':'getParams'}  }

    ---------------------本文来自 帅阿星 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/wy01272454/article/details/77869442?utm_source=copy

    相关文章

      网友评论

          本文标题:2018-09-28

          本文链接:https://www.haomeiwen.com/subject/fnqmoftx.html