el-Select默认全选功能

引文: 最近要做一个默认全选的功能模块,我这里引用了elementUI组件库的select组件,用来实现我想要的效果。

  • 先看下效果图 el-Select默认全选功能_第1张图片

  •  先在return里边定义我们from表单对象以及规则(可选)
  • 
         
                    
                      
                    
      
    
  •  这里我们调用接口获取下拉的数据
  •  
    filterUsername(param).then(res => {
         this.nasUser=res.data.map(item => {
              this.form.accountIds.push(item.id) // accountIds是一个数组,这边循环遍历对象中的每一项,把每一项的id存放到accountIds中
            })
          })
  •   el-select组件中要有multiple属性,这个属性是循序多选的属性,collapse-tags属性,多选时是否将选中值按文字的形式展示

总结:这个运用第三方组件还是比较容易实现的,把该有的属性加上逻辑捋清楚就很容易了。我们下个博客见ヾ(•ω•`)o

你可能感兴趣的:(vue,Element,UI,elementui,vue.js,es6)