vue路由以及组件件的传值

一,页面跳转的效果
             1,通过v-if或者v-show
                 
  当默认dialog1:false,组件是隐藏的,通过接受组件selectdetail里的事件 
触发事件showdevice带入形参{cateid:3,data:resp.body.data}, 以及事件listenOpenChild
 
改变dialog1的值 
隐藏组件。


                    2,通过路由跳转
通过事件触发路由
                             


二,组件之间传值的方法。
               1,子父组件
                           在子组件内定义props 
 
                            在父组件内传值 
               2,跳转组件之间的传值。
                      组件A跳转到B
                            组件A发出
 
                          组件B 接收
 

三,在滚轮刷新加载信息的时候,如何让刷新的内容显示在当前页面。
 因为从后台接收的数据都是由数组容器接收,因此可以在导入数组的时候有2中方式。
1,用你concat连接2个数组
                                     
               以上示例,this.dataList是组件内的容器,contain是接收到的,将接收到的contain拼接在之后,并重新赋值给this.dataList
,页面通过v-for(item of dataList)渲染,如果想将接收到的数据显示在最前面,可以这样
this.dataList=contain.concat(this.dataList) 
2,第二种方法就是用push,原理类似。 

四,v-for渲染出来的列表,想要跳转到遍历元素(item)相关的界面,可以添加event(事件),将item的属性作为形参带入event函数,通过函数,重新拼参数进行跳转。 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值