vue模态框点确定按钮获取里面组件的数据？

Question

子组件数据
var data = [

    {
      id:"1",
      name: "频段设置 1",
      freq: "88MHz-108MHz,步进25kHz",
      data:freqdata
    }
  ]
  模态框
     <el-dialog title="输入频段信息" :visible.sync="centerDialogVisible"      width="630px"  :close-on-click-modal="false" center> 
      <UcenFreqsetting gradfrom="center" ref="data"></UcenFreqsetting>//子组件
      <span slot="footer" class="dialog-footer">
        <el-button @click="centerDialogVisible = false">取 消</el-button>
        <el-button type="primary" v-on:click="addFreq">确 定</el-button>
      </span>
    </el-dialog>

Answer 1

这个可以解决

this.$refs.data.$data.xxxx

但是不建议这么做，需要共享组件数据，那么子组件数据应该在更新时$emit通知父组件。

Answer 2

子组件:

methods:{
    getData(){
        return this.data1
    }
}

父组件:

 addFreq(){
    console.log(this.$refs.data.getData())
 }