Vue.js子组件向父组件通信的方法实例代码详解

qq_40523 19 0 PDF 2020-10-28 07:10:31

输入框使用v-model绑定值,方便后边获取到输入框数值; 单选框同样使用v-model绑定值,在新增时,将picked的值同步至父组件; 新增按钮,新增时将表单元素的组件值,操作传递事件;子组件元素代码:子组件数据、事件均放在script里面:顺便贴下子组件的样式3、父组件在使用子组件时,先获取到子组件,一并在代码里面展示组件事件父组件的script内,获取子组件、初始列表数据、以及组件数据传递方法,代码有简单说明父组件通过v-on,添加事件方法按照流程,随便贴下父组件样式子组件通过事件向父组件同部数据,上文展示的是通过$emit事件。其实还有v-model、Vuex等方式进行传递数据。

Vue.js子组件向父组件通信的方法实例代码详解

Vue.js子组件向父组件通信的方法实例代码详解

Vue.js子组件向父组件通信的方法实例代码详解

用户评论
请输入评论内容
评分:
暂无评论