Element 获取el-select当前选中的对象的内容

最新推荐文章于 2024-05-21 20:04:47 发布

_想睡觉

最新推荐文章于 2024-05-21 20:04:47 发布

阅读量585

点赞数

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

本文链接：https://blog.youkuaiyun.com/abcdefg182/article/details/128837736

版权

vue 同时被 3 个专栏收录

12 篇文章

订阅专栏

vue element

7 篇文章

订阅专栏

vscode

5 篇文章

订阅专栏

该文章展示了一个Vue.js应用中的el-select组件用法，用于选择列表项。通过v-model绑定valueType，value-key设置为paraId，并在change事件中调用changeItem方法更新选中项的数据。ways数组包含多个选项，每个选项有paraId和label属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

template模块：

  <el-select
      v-model="valueType"
      value-key="paraId"
      placeholder="请选择"
      size="small"
      style="width: 60%"
      @change="changeItem"
    >
      <el-option
        v-for="item in ways"
        :key="item.paraId"
        :label="item.label"
        :value="item"
      >
      </el-option>
    </el-select>

data里面定义：

  valueType:'',
      ways:[
        {
          paraId:1,
          label:'hhh'
        },
         {
          paraId:2,
          label:'mmm'
        }
      ]

methods方法
就能打出来选中这条的数据对象

  changeItem(item){
        console.log('1111111',item);
    }