vuetify vue. js pug - Показывать заголовок, только когда отображается более одной группы параметров - PullRequest
Новая
       30

vuetify vue. js pug - Показывать заголовок, только когда отображается более одной группы параметров

1 голос
/ 30 марта 2020

Заголовок должен отображаться только в компоненте vuetify, если отображается более одной группы параметров.

Если отображается только одна группа параметров, заголовок не должен отображаться.

Мне нужен код, подобный следующему:

if (e-switch-option больше чем один) -> дисплей, иначе не отображать 

let name = 'm-list-options';
    export default {
        name: name,
        mixins: [switchList],
        props: {
            name: {
                type: String,
                default: name
            },
            dividers: {
                type: Boolean,
                default: false
            },
            section: {
                type: Object,
                required: true
            },
            disabled: {
                type: Boolean,
                default: false
            }
        },
        computed: {
            optionClass() {
                return [
                    'ma-0',
                    {
                        'e-switch-option__disable-events': this.disabled
                    }
                ]
            },
        }
    }
<template lang="pug">
    v-layout(wrap)
        v-flex(xs12)
            m-list(:items="section.children" v-on="$listeners" :dividers="dividers")
                template(#title="") {{section.title}}

                template(#template="{item, index}")
                    e-switch-option(:value="index"
                                    :key="`option-${item.id}`"
                                    :class="optionClass"
                                    v-bind="$attrs"
                                    v-on="$listeners") {{item.title}}
</template>
...