解决在＜el-table＞中使用＜el-switch＞无法切换和刷新时变回关闭状态的问题

今天使用element-ui中的el-switch发现按钮点击没有反应

下面是我的解决步骤：

1、把switch放在<temple>模板中就可以实现点击了，就像这样：

        <el-table-column
            prop="is_top"
            label="是否推荐">
          <temple slot-scope="scope">
          <el-switch
              v-model="scope.row.is_top"
              active-value="1"
              inactive-value="0"
              active-color="#13ce66"
              inactive-color="#708090"
              @change="switchChange(scope.row)">
          </el-switch>
          </temple>
        </el-table-column>

2、实现点击后发现从其他页面返回，所有推荐按钮会重新变成关闭的样子，数据库明明保存了正确的is_top数据。

然后查询资料后，发现可以通过key值变化强制渲染

        <el-table-column
            prop="is_top"
            label="是否推荐">
          <temple slot-scope="scope">
          <el-switch
              v-model="scope.row.is_top"
              :key="scope.row.id"
              active-value="1"
              inactive-value="0"
              active-color="#13ce66"
              inactive-color="#708090"
              @change="switchChange(scope.row)">
          </el-switch>
          </temple>
        </el-table-column>

这样就解决了问题。