首页 > 代码库 > vue 中子组件或者公共组件向上一级传递数据 $emit的使用
vue 中子组件或者公共组件向上一级传递数据 $emit的使用
在子组件或者公共组件中,定义一个方法例如
<li @click="selectItem(item)" v-for="item in group.items" class="list-group-item">
然后在methods中使用
selectItem(item){ this.$emit(‘select‘,item); }
$emit中的两个参数的含义是,一个是传递给父组件的方法,一个是传递给父组件方法的参数。
也就是说,父组件通过使用子组件通过$emit传递的方法select及其参数,来得到传递的数据。
并且,父组件直接使用的select方法其实就是自定义方法的用法,触发这种自定义方法就是子组件触发传递$emit的方法,也就是click。
例
<ListView @select=‘selectSinger‘ :data="http://www.mamicode.com/singers"></ListView>
此处select既是子组件通过$emit传递的自定义方法
selectSinger则是父组件接收select所带的参数的方法
selectSinger(singer) { this.$router.push({ path:`/singer/${singer.id}` }) }
参数singer既是子组件$emit所传递的item参数。
若是有用并觉得不错,可以赞一个哟
vue 中子组件或者公共组件向上一级传递数据 $emit的使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。