關於傳參

關於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（）；