elementUI select选择框collapse-tags失效

根据文档复制 但是collapse-tags的设置失效 有小伙伴能提供debug思路么?
图片描述

图片描述

回答:

我谢了一个简单例子,是完全没问题的,你可以看看,再仔细检查检查:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>tab</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>

<body>
    <div id="app">
        <el-select
            v-model="value11"
            multiple
            collapse-tags
            style="margin-left: 20px;"
            placeholder="请选择">
            <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
            </el-option>
        </el-select>
    </div>
    <script type="text/javascript">
        new Vue({
            el: '#app',
            data: {
                options: [{
                    value: '选项1',
                    label: '黄金糕'
                    }, {
                    value: '选项2',
                    label: '双皮奶'
                    }, {
                    value: '选项3',
                    label: '蚵仔煎'
                    }, {
                    value: '选项4',
                    label: '龙须面'
                    }, {
                    value: '选项5',
                    label: '北京烤鸭'
                    }],
                value11: []
            }
        })
    </script>
</body>
</html>

效果图:

clipboard.png

回答:

是完全存在问题的,复制的代码都不可以,元素里面多了一堆乱七八糟的元素,

回答:

版本问题,之前不存在collapse tags属性

回答:

我也遇到了这个问题,具体怎么解决?

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注