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

        };

           ............

｝

巴特西

vue组件子组件没有事件怎么向父组件传递数据

最新文章

热门文章

巴特西

vue组件 子组件没有事件怎么 向父组件传递数据

最新文章

热门文章

vue组件子组件没有事件怎么向父组件传递数据