vue 子父组件之间的通信,及在调用组件的地方

这里是用了 element ui 你们也可以看一下管方的文档 http://element.eleme.io/#/zh-CN/component/installation
组件html



<div class="back" @click="Back">

{{HanderTitle}}

<div @click="PublicSave">{{saveTitle}}

js

$emit 一是DOM绑定事件,二是自定义事件。可以传递参数我在这里用到就没有写

methods: {
PublicSave() {
this.$emit("Public");
},
},

然后在引用组件的页面去调用emin定义的方法名也就是Public

html

<hander @Public="PublicSave"> //Public是在组件emin自定义的方法

js

import hander from "@/components/Hander";
methods: {
PublicSave() {
alert("1");
}
},

我实现的效果吧就是把app hander头部定义为组件,因为组件里面有自定义标题和右边有保存,跳转页面。每个页面的业务不一样,所以需要通信 emin 来实现 。

posted @ 2018-08-03 18:16  随风行走  阅读(264)  评论(0)    收藏  举报