关于传参

2019独角兽企业重金招聘Python工程师标准>>>

关于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（）；

转载于:https://my.oschina.net/u/3949469/blog/3013740