如何截断 vue-multiselect 中的选项?
Posted
技术标签:
【中文标题】如何截断 vue-multiselect 中的选项?【英文标题】:how to truncate options in the vue-multiselect? 【发布时间】:2019-04-30 07:22:11 【问题描述】:我想截断 vue-multiselect 上的许多值。
我试过这个来覆盖很多类,但它不起作用,就像这个例子:
.multiselect__content-wrapper
overflow-x: hidden;
text-overflow: ellipsis;
【问题讨论】:
您需要在容器上固定宽度才能触发省略号 【参考方案1】:如果您要问如何修改选项数组,请使用拼接或切片:
var a1 = [2,4,6,8];
var a2 = a1.splice(-2,2); // a1=[2,4], a2=[6,8]
var a1 = [2,4,6,8];
var a2 = a1.slice(-2); // a1=[2,4,6,8], a2=[6,8]
【讨论】:
这绝对不是他要问的以上是关于如何截断 vue-multiselect 中的选项?的主要内容,如果未能解决你的问题,请参考以下文章
如何将 Axios 与 Vue-Multiselect 一起使用?
如何使用 VS 2017 在 asp .net 解决方案中使用 vue-multiselect 标记?
截断使用 show less /more 选项绑定的多行 HTML