Vue-Treeselect 多选输入框不换行单行显示加计数选择项过多

解决Vue-Treeselect 多选输入框不换行单行显示加计数选择项过多

_PriDe

2974人浏览 · 2022-03-09 11:52:17

_PriDe · 2022-03-09 11:52:17 发布

最近遇到一个问题：
使用 Vue-Treeselect 树形组件时多选显示换行

在这里插入图片描述
在我看了 vueTreeselect 官方文档后终于找到一个属性：

:limit = "3" // 数字是所选选项最多显示个数

在这里插入图片描述
这个属性正好可以完美实现我们想要的效果

自定义提示文字,and more

:limitText="count => `+${count}`"
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^