ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [VUE] .vue 많이 쓰는 component 모음
    IT개발이야기 2023. 1. 10. 16:59
    728x90
    반응형
    SMALL
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    <template>
        <section>
            <splitpanes horizontal>
                <pane>
                    <component-panel
                        :use-header="false"
                    >
                    <b-datepicker
                        icon=""
                        v-model="from"
                        :max-date="to"
                        editable
                    />
     
                    <b-dropdown
                        class=""
                        v-model="id"
                        @input="method.function"
                    >
                        <b-button
                            class=""
                            outlined
                            expanded
                            type=""
                            slot=""
                            icon=""
                        >
                            {{ name }}
                        </b-button>
                        <b-dropdown-item
                            aria-role="listitem"
                            v-for="(idx, index) in list"
                            :value="idx.id"
                            :key="index"
                            @click="name = idx.name"
                        >
                        <span>idx.name</span>
                        </b-dropdown-item>
                    </b-dropdown>
                </pane>
            </splitpanes>
            <test-component>
                @cancel="method.function"
                @change="method.function"
                :list="list"
                :visible.sync="visible"
                ref="testComponent"
            />
        </section>
    </template>
    <script src=".js" />
    <style src=".scss" lang="scss">
    cs
    728x90
    반응형
    LIST

    댓글

Designed by Tistory.