vue子组件使用$emit 向父组件传递多个参数
来源:openlayers-cesium.com 时间:06-28
vue子组件使用$emit向向父组件传值时,可以传递一个参数,也可以传递多个参数,示例如下:
传递一个参数:
- 子组件:
- submit(){
- this.$emit('submit',this.name)
- }
- 父组件:
- <foods @submit="handelFoods"></foods>
- 父组件的方法中接收参数:
- handelFoods(e) {
- console.log(e)
- }
传递多个参数
方法一:
- 子组件:
- submit(){ this.$emit('submit',JSON.stringify(this.foods),this.name)
- }
- 父组件:
- <foods @submit="handelFoods(arguments)"></foods>
- 父组件的方法中接收参数:
- handelFoods(e) {
- // e[0]:第一个参数 e[1] 第二个参数
- console.log(e[0],e[1])
- }
方法二:
- 父组件:
- <foods @submit="handelFoods"></foods>
- handelFoods(e1,e2) {
- // e1:第一个参数 e2 第二个参数
- console.log(e1,e2)
- }