el-select @change时传选中的item

MyFreeIT

于 2025-03-31 15:41:36 发布

阅读量496

点赞数 1

分类专栏：前端文章标签： vue.js elementui javascript

创作源自于MyFreeIT

本文链接：https://blog.csdn.net/MyFreeIT/article/details/146841072

版权

前端专栏收录该内容

33 篇文章

订阅专栏

el-select 的value-key="brandId" 为item的主键，

el-option 的value="item".

<el-select v-model="form_item.brand.brandId" 
     filterable 
     :filter-method="brandFilter"  
     value-key="brandId" 
      @change="initSubgroupByBrand" 
      no-data-text="Not find any data" 
      placeholder="Select Brand"   
      clearable>

<el-option v-for="item in filterBrandArr" 
:key="item.brandName" 
:label="item.brandName" 
:value="item" >
                            
<span style="float: left;margin-right: 20px;">
{{ item.brandName }}
</span>
                                                      
</span>                      
                            
</el-option>

获取选择的item

  const initSubgroupByBrand = async (item: ProdBrandItem) => {
    if (!item || !item.brandId) return
    form_item.value.brand.brandName = item.brandName

}