vuejs使用$emit和$on进行组件之间的传值的示例

methods: {
//通过总线将值传给父组件
propInstCode:function (model) {
//$emit触发当前实例事件
bus.$emit('custTreeSay',this.model.id);
},
propInstName:function (model) {
bus.$emit('custTreeSayName',this.model.name);
}
},
}

这样就实现了子组件能通过$emit将值传给bus在传给父组件了，最后是通过传的机构代码传给提交给后台查询的，但是我们同时也需要相应的机构名字来给客户展现，所以这里面只需要设置两个input就行了，机构代码的input隐藏起来，需要传值，另外的机构名称的input显示出来就可以了，如下：

//将点击跳出目录选择的方法放到显示的机构选择就可以了
<div class="query_condition_item">
 <label>选择机构</label>
 <input name="instName" v-model="instName" readonly @click="showTree()">
</div>
<div class="query_condition_item">
 <input name="instCode" v-model="instCode" hidden>
</div>

这篇文章就到这里了，我将我开发遇到的一些问题经验记录下来，也希望能够帮到大家！！也希望大家多多支持软件开发网。