vue组件 子组件没有事件怎么 向父组件传递数据
通过ref去接收值!!!
需求图片
代码实现
//----------父组件
<div class="fingerprint-bottom"> <el-tabs v-model="activeName"> <el-tab-pane v-for="(item,index) in optionS" :key="index" :label="item.label" :name="item.name"> <EditAssetTab :ref="item.type" type="item.type" :edit-asset-data="editAssetData" :active-name="item.name" /> </el-tab-pane> </el-tabs> </div>
// 提交按钮
submitAsset() {
// 调用子组件的获取数据方法
const refsMap = ['a', 'b', 'c', 'd', 'e', 'f'];
refsMap.map(item => {
this.originData = { ...this.originData, ...this.$refs[item].getAllQuery() };
});
}
// ------子组件 //获取组件所有参数 getAllQuery() { if (this.type === 'a') { // a->为父组件的ref的值 return { ip_type: this.ip_type, // IP类型 ip_nat: this.ip_nat, // 映射IP }; ............ }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步