行业展示类型网站,医院网站加快建设,做网站现在用什么语言,做网站的市场细分1 子组件通过emit 函数 传递事件名init-complete 和 数据dateRange
this.$emit(init-complete, dateRange)
2 父组件 创建方法 接收数据 handleInitComplete(dateRange) {}
3 父组件 创建的方法 和 子组件事件绑定
component :iscurrentComponent :passOb…1 子组件通过emit 函数 传递事件名init-complete 和 数据dateRange
this.$emit(init-complete, dateRange)
2 父组件 创建方法 接收数据 handleInitComplete(dateRange) {}
3 父组件 创建的方法 和 子组件事件绑定
component :iscurrentComponent :passObjpassObj refcomponent init-completehandleInitComplete/component
4 完整代码
4.1 子组件
templatediv classchild-component!--子组件的内容--/div
/templatescript
export default {data() {return {dateRange: {} // 存储子组件发送给父组件的数据}},mounted() {// 将子组件的数据通过emit函数发送给父组件this.$emit(init-complete, this.dateRange)}
}
/script4.2 父组件
templatediv classparent-component!--父组件的内容--child-component :passObjpassObj init-completehandleInitComplete/child-component/div
/templatescript
import ChildComponent from /components/ChildComponent.vueexport default {components: {ChildComponent},data() {return {passObj: {} // 存储要传递给子组件的数据}},methods: {handleInitComplete(dateRange) {// 处理从子组件传递过来的数据console.log(dateRange)// 进一步处理数据}}
}
/scriptps: 不能传递list 类型
