ElementUI select selection box collapse-tags is invalid

copy according to the document, but the setting of collapse-tags fails. Do you have a partner who can provide debug ideas?

Mar.12,2021

I thank you for a simple example, which is no problem at all. You can take a look at it and check it carefully:

<!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: '-sharpapp',
            data: {
                options: [{
                    value: '1',
                    label: ''
                    }, {
                    value: '2',
                    label: ''
                    }, {
                    value: '3',
                    label: ''
                    }, {
                    value: '4',
                    label: ''
                    }, {
                    value: '5',
                    label: ''
                    }],
                value11: []
            }
        })
    </script>
</body>
</html>
< hr >

effect:

clipboard.png


is completely problematic, and the copied code is not allowed. There are a lot of messy elements in the element.


version problem. Before, there was no collapse tags attribute


I also encountered this problem, how to solve it?

Menu