lxq bie emo 2023-01-09 17:18 采纳率: 78%
浏览 72
已结题

elementui多选下拉框获取点击的值

elementui多选下拉框获取点击的值

比如我点击龙须面就单独获取龙须面的值

img

  • 写回答

4条回答 默认 最新

  • heart_6662 2023-01-09 17:38
    关注

    望采纳!!!点击回答右侧采纳即可!!

    在 Element UI 的多选下拉框中,你可以使用 v-model 指令来绑定一个数组变量,该变量将保存所有被选中的选项的值。

    比如你可以在组件的 data 选项中声明一个变量 selectedOptions,并使用 v-model 指令将该变量与多选下拉框绑定:

    <template>
      <el-select v-model="selectedOptions" multiple placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        ></el-option>
      </el-select>
    </template>
    
    <script>
    export default {
      data() {
        return {
          selectedOptions: [],
          options: [
            { value: '龙须面', label: '龙须面' },
            { value: '牛肉面', label: '牛肉面' },
            { value: '酸辣粉', label: '酸辣粉' }
          ]
        }
      }
    }
    </script>
    
    
    

    当用户选择了选项后,selectedOptions 数组中将会包含所有被选中的选项的值。你可以使用 selectedOptions 数组的任意方法来获取这些值,比如使用数组的 indexOf 方法来判断特定的选项是否被选中:

    if (this.selectedOptions.indexOf('龙须面') !== -1) {
      // 龙须面被选中
    }
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 1月17日
  • 已采纳回答 1月9日
  • 创建了问题 1月9日

悬赏问题

  • ¥15 Acrn IVSHMEM doorbell问题
  • ¥15 yolov5中的val测试集训练时数量变小问题
  • ¥15 MPLS/VPN实验中MPLS的配置问题
  • ¥15 materialstudio氢键计算问题
  • ¥15 已知隐函数其中一个变量的,求另外一个变量
  • ¥15 echarts图表制作
  • ¥15 halcon根据玻璃面板纹路取区域
  • ¥15 HFSS设计小型化180度耦合器
  • ¥15 使用CInternetSession,CHttpFile读取网页文件时有些电脑上会卡住怎么办?
  • ¥15 水下机器人的半物理仿真研究