基于elementui实现公共下拉框组件，全选及取消

最新推荐文章于 2024-06-02 16:44:27 发布

你的骑士M

最新推荐文章于 2024-06-02 16:44:27 发布

阅读量454

点赞数

文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/qq_42360279/article/details/126707582

版权

本文介绍了如何利用ElementUI库在Vue.js应用中实现一个具有全选和取消全选功能的公共下拉框组件。通过结合JavaScript的事件处理和状态管理，实现了组件的复用性和灵活性。

摘要由CSDN通过智能技术生成

<!--下拉框组件-->
<template>
  <div class="Common-Select">
    <el-select
            v-model="selectValue"
            multiple
            collapse-tags
            filterable
            :popper-class="showPadding ? 'showPadding' :''"
            :placeholder="placeholder">
      <el-option v-show="valueType === 1"
                 v-for="item in selectData"
                 :key="item.researcherCode"
                 :label="item.researcherName"
                 :value="item.researcherCode">
      </el-option>
      <el-option v-show="valueType === 2"
                 v-for="item in selectData"
                 :key="item.typeCode"
                 :label="item.typeName"
                 :value="item.typeCode">
      </el-optio