(AntD)Select 选择器最多显示个数及选项最大长度

nyf_unknown

于 2023-03-24 11:54:09 发布

阅读量2.4k

点赞数

分类专栏： CSS 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_44754635/article/details/129747732

版权

CSS 专栏收录该内容

56 篇文章

订阅专栏

(AntD)Select 选择器最多显示个数及选项最大长度

效果：
在这里插入图片描述

代码

<a-form-model-item label="运抵城市">
        <a-select
          v-model="form.tradeToCityList"
          mode="multiple"
          max-tag-count="2"  //最多两个 剩余折叠显示
          placeholder="请选择"
          style="width: 250px"
        >
          <a-select-option v-for="(item, index) in ddcsList" :key="index" :value="item">{{ item }}</a-select-option>
        </a-select>
</a-form-model-item>

注：有时会提示“2”是字符串不是数字,修改如下：

:max-tag-count="maxTagCount"

data(){
	return {
		maxTagCount:2,
	}
}