如何截断 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

vue-form-generator & vue-multiselect:不能删除标签,复制它们

截断GBQ中的表

如何在 iOS7 上修复 <select> 元素上的截断文本