vue 組件復用不刷新

情景:

　　兩個路由"/a", "/b"公用一個頁面組件, 在"/a"路由中, 第一列是序號, 在"/b"路由中, 第一列是多選框.

問題: 

　以下代碼在切換時, 從"/a"跳轉到 "/b", 依舊顯示是序號.

      <!-- 多選框 -->
      <el-table-column
        v-if="pageType == 'a'"
        type="selection"
        width="55">
      </el-table-column>

      <!-- 序號 -->
      <el-table-column
        v-else
        type="index"
        label="序號"
        width="50">
      </el-table-column>        

 

解決方法: 給兩個組件各加一個不同的key

      <el-table-column
        v-if="pageType == 'a'" key="a-selection"
        type="selection"
        width="55">
      </el-table-column>

      <el-table-column
        v-else key="b-index"
        type="index"
        label="序號"
        width="50">
      </el-table-column>