数组find

最新推荐文章于 2024-10-14 13:22:38 发布

west445

最新推荐文章于 2024-10-14 13:22:38 发布

阅读量44

点赞数

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

本文链接：https://blog.csdn.net/weixin_72222928/article/details/132276205

版权

我的前端笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

有返回值，不改变原数组，但是，只返回的是符合要求的第一个元素

案例：在下拉框选项中，入参往往是枚举值，如00:实体对象，01:值对象，在选中之后会上送参数给对应接口，就可以使用find方法（在这里的选中是一个的情况，多个可以用filter）

 
 <el-form :model="formData" ref="formData" :rules="rules">
                 <el-form-item label="分类" prop="objClassName">
                            <el-select
                                v-model="formData.objClassName"
                                collapse-tags
                                placeholder="请选择分类" 
                                @change="handleChange2"
                            >
                                <el-option
                                    v-for="item in optionsType"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value"
                                >
                                </el-option>
                            </el-select>
                        </el-form-item>
                       
                    </el-form>

 optionsType: [
                 {
                    value: "00",
                    label: "实体对象",
                },
                {
                    value: "01",
                    label: "值对象",
                }],
optiType:'',
optiName:'',

handleChange2(val){
  // 将选中的值传递给接口
  this.optiType = value;
const selectedOption=this.optionsType.find((item,index,arr)=>{
return item.value==val})
this.optiName=selectedOption?selectedOption.label:''
}