vue $emit v-on 自定义组件绑定监听
2019-03-29 本文已影响0人
流年_时光
在自定义组件中对点击事件绑定，在父组件中获得点击事件传的参数：【相当于自定义了一个view，对这个view中的部分控件设置了点击监听，当我们点击时子组件将事件带参发送给父组件，具体的点击执行流程在父组件里写，子组件只负责发送监听事件】
大致逻辑
子：@tag点击事件
<text class="video_record_modify" @tap="modify_Video(videoList.id)">编辑视频</text><script>
export default {
methods: {
modify_Video: function(id) {
console.log('videoItem_m:' + id)
this.$emit('modifyVideo', id);//向父控件发送点击事件
}
}
}
</script>
父：v-on【子控件发送的名字】=【父界面】自定义的相对于的处理逻辑
<upload-record-item :videoList="item" v-on:modifyVideo="modifyVideo" ></upload-record-item>
//引入自定义组件
import uploadRecordItem from '../../components/mine/uploadRecordItem.vue';
export default {
components: {
uploadRecordItem,
},
methods: {
modifyVideo:function(id) {
console.log('接收子控件发送的修改数据:' + id)
},
}
}
</script>
