前端在用select多选框的时候有时候会有限制最多选多少条的需求,话不多说上代码,x
<Select
v-model="spaceValue"
multiple
@on-change="spaceSelect">
<Option
v-for="item in list"
:value="item.value"
:key="item.value">{{ item.label }}</Option>
</Select>
spaceSelect (data) {
if (data.length > 5) {
this.$Message.warning('最多只能选五层!')
data.pop()
}
}
完美!