zoukankan      html  css  js  c++  java
  • Vue中父组件传子组件

    父组件代码:

    <template>
        <section :class="menuMode === 'vertical' ? 'vertical-sub-nav' : 'sub-nav'">
            <el-menu :mode="menuMode" :default-active="defaultActive" :current-tab="currentTab" @select="handleSelect">
                <el-menu-item v-for="(data,ind) in subNavData[currentTab]" :index="data.i" :key="ind">
                    <span class="p5">
                        {{data.title}}
                    </span>
                </el-menu-item>
            </el-menu>
        </section>
    </template>
    <script>
        export default {
            name: 'NavMenu',
            data() {},
            props: {
                menuMode: {
                    type: String,
                    default: 'horizontal'
                },
                defaultActive: {
                    type: String,
                    default: '0'
                },
                currentTab: {
                    type: String,
                    default: '0'
                }
            }
        }
    </script>

     子组件代码:

    <mp-subnav default-active="0" current-tab="0"></mp-subnav>



  • 相关阅读:
    matrix
    meizi
    公文流转系统
    10.21连接数据库进行添加
    9.27
    9.23课堂总结
    信息管理java
    大道至简读后感
    第二周
    7.7第一周
  • 原文地址:https://www.cnblogs.com/linjiu0505/p/10576970.html
Copyright © 2011-2022 走看看