vue路由以及组件件的传值
来源:互联网 发布:棍刀淘宝 编辑:程序博客网 时间:2024/06/08 03:50
一,页面跳转的效果
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函数,通过函数,重新拼参数进行跳转。
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
- vue路由以及组件件的传值
- vue-router和vue-cli以及组件之间的传值
- vue 路由组件
- Vue 组件 和 路由
- Vue.js路由组件vue-router的使用方法
- vue组件以及组件运用的方式
- VUE 路由及组件使用
- vue基础语法以及父子组件如何相互传值
- vue组件传值
- Vue上传图片预览以及删除的vue组件
- vue组件之间的传值
- vue父子组件&继承组件的生命周期以及应用
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- Vue路由的使用
- Vue 2.0的路由
- PAT1020 中序+后续求层次遍历
- MTK Android Camera 运行流程-app到底层
- vue文件结构
- 虚幻4如何通过菜单设置分辨率
- 微信支付开始涉及的一些内容
- vue路由以及组件件的传值
- 闭包
- Java基础-面向对象
- telnet模拟http请求 [转]
- shell学习三十--综合应用
- python对nosql的操作五
- javascript语法之标签(label)
- css_note
- 流程控制和函数