关于传参

关于element ui 标签页单独传参

<template>
    <el-card>
        <el-tabs v-model="activeName">
            <el-tab-pane label="一口价商品" name="goods" >
                <goods-list :isActive = "activeName == 'goods'"></goods-list>
            </el-tab-pane>
            <el-tab-pane label="一口价商品评论表" name="comment" >
                <comment-list :isActive = "activeName == 'comment'"></comment-list>
            </el-tab-pane>
        </el-tabs>
    </el-card>
</template>

:isActive= "activeName == 'goods'" 是一个if语句。将参数isActive传给以下：

props: {
      isActive: ''
   },
   watch: {
       'isActive': {
            handler() {
                if (this.isActive == true) {
                     this.loadListData();
                }
            }
        }
   },

让参数isActive在watch监听。当点击时既isActive为true时，调方法loadListData（）；