关于vue.js:vue-中循环渲染对象并通过ref-取值

<el-select v-model="model.industry" filterable>      <el-option-group        v-for="(parentVal, parentKey, parentIndex) in industrys"        :key="'parentKey_'+ parentKey + '_index_'+parentIndex"        :label="parentVal.name_zh">        <el-option          v-for="(sonVal,sonKey, sonIndex) in parentVal.son"          :ref="'ref_'+sonVal.id"          :key="'sonKey_'+sonKey+'_index_'+sonIndex"          :label="sonVal.name_zh"          :value="sonVal.id"          :en_name="sonVal.en_name">        </el-option>      </el-option-group>    </el-select>

这是一个分组抉择框， 给el-option 绑定ref 和自定义的en_name 属性
在js 中通过model.industry 绑定的值，取label 和en_name 的值

let label_name = this.$refs['ref_'+this.model.industry][0].labellet en_name = this.$refs['ref_'+this.model.industry][0].$attrs['en_name']