vue $emit v-on 自定义组件绑定监听

在自定义组件中对点击事件绑定，在父组件中获得点击事件传的参数：【相当于自定义了一个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>