父组件向子组件传值
网上已经有很多类似的教程,但是写得太啰嗦,本文用最直观的方式表达,即看即用,适合对前端不了解的人,又想马上上手的同学。
方法使用props
例子:
父组件内容:
定义edit组件之后,引入子组件 通过 :editid="editId" 传值
子组件内容:
子组件定义props接收父组件传过来的值
父组件调用子组件方法
首先:
父组件定义ref
然后
通过定义的ref 直接调用子组件方法
子组件内容:
子组件必须定义了这个方法,不然会报错
子组件向父组件通信
子组件内容
vm就是当前vue实例,使用$emit传两个参数,第一个是父组件的响应方法,第二个是向父组件传的参数
父组件:
<tables ref="tables" editable :loading="loading" v-model="tableData" :columns="columns" @update="eidtAction"/>
父组件定义了update方法 响应子组件调用的方法,使用父组件定义的eidtAction方法处理相关业务