el-select获取userid和uesrname分别赋值

最新推荐文章于 2023-11-03 20:30:55 发布

kkkkkkkkira

最新推荐文章于 2023-11-03 20:30:55 发布

阅读量373

点赞数 1

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

本文链接：https://blog.csdn.net/weixin_44099060/article/details/123377658

版权

vue 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

getIdAndName (val) {
  // 根据val，即原来数组的userid找出选中的obj
  const obj = this.authors.find((item) => {
    return item.userid === val
  })
  this.form.author = obj.username
},

<el-select
  v-model='form.userid'
  value-key="userid"
  @change="getIdAndName"
  filterable placeholder="请选择第一作者"
  :automatic-dropdown='true'>
   <el-option
    v-for="item in authors"
    :key="item.userid"
    :label="item.username"
    :value="item.userid"/>
</el-select>