西安模板建站网站,途牛旅游线路网站建设分析,微信开发小程序开发网站建设,泉州建设网站公司哪家好子组件使用this.$emit()向父组件传值
首先必须在父组件中引用子组件#xff0c;然后实现传值 第一步 在父组件中引入子组件
使用import引入组件
import indexImportOrder from ./components/indexImportOrder
声明
//定义组件components:{indexImportOrder,},
使用
然后实现传值 第一步 在父组件中引入子组件
使用import引入组件
import indexImportOrder from ./components/indexImportOrder
声明
//定义组件components:{indexImportOrder,},
使用
indexImportOrder refindexImportOrder/ 第二步 子组件向父组件传值
1. 在子组件中需要向父组件传值处使用this.$emit(function,param); //其中function为父组件定义函数param为需要传递参数
//新订单页面跳转viewBusiness(){let flag false;this.$emit(closeMain,flag);},
2. 在父组件中子组件引用处添加函数v-on:functionfunction1 //其中function为子组件中定义函数function1为父组件定义函数--用于接收子组件传值并进行相应数据处理可定义为同一名称
v-on 可用 代替 functionfunction1 为 v-on的简写
indexImportOrder refindexImportOrder v-on:closeMaincloseMain/
val及为子组件中flag即接收的子组件参数
closeMain(val){this.flag val;},
更详细解释可参照https://www.cnblogs.com/padding1015/p/7878741.html