共计 633 个字符,预计需要花费 2 分钟才能阅读完成。
<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].label
let en_name = this.$refs['ref_'+this.model.industry][0].$attrs['en_name']
正文完