Vue+elementUI的el-select选择器要怎么将框内的多选限制在3个?

img


Vue+elementUI的el-select选择器要怎么将框内的多选限制在3个?

multiple-limit=3

<el-select v-model="value1" multiple multiple-limit="3" placeholder="请选择">
        <el-option
          v-for="item in arr"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>

img

可以watch监听对应绑定的model长度length,长度大于3时把后面的splice删除掉就行了

multiple-limit=”3“

<el-select multiple-limit=3“ v-model="value1" multiple placeholder="请选择">
</el-select>