首页 > 其他 > 详细

vue 使用的细节

时间:2019-12-20 19:22:36      阅读:85      评论:0      收藏:0      [点我收藏+]

    路由的跳转传值:

      

  在路由设置  path: /xx/:id,
    
    接收数据this.$route.params
    例如
    this.$route.params.id



  
   // 命名的路由
   this.router.push({ name: ‘user‘, params: { userId: ‘123‘ }})
  
  技术分享图片

      在目标页面通过this.$route.query获取参数:

    this.$route.query.row.xxx
 

    监控路由

    

  watch: {

    $route(to,from){
      console.log(路由变化 !+to.path)
      if(to.path==/account/sc){
        this.getwish()
      }
    }
  }

   子组件给父组件传值

    prps     

    

<cp :cid="cid"> cp 为子组件
        
        可以监测
可以在在cp的那个页面监测  
    watch: {
       cid(val) {
     
      }
    }

 

          父组件给子组件传值

    点击事件

    子组件里面里面有个方法

    

   lbcp(id){
            this.$emit(‘cplb‘,id)
        }
 
    父组件里面的方法
          <left @cplb="acc">

 

    

vue 使用的细节

原文:https://www.cnblogs.com/jflalove/p/12074550.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!