电商商城定制开发vue-element-admin通过scope.row获取表格每列的值，以及scope.$inde

电商商城定制开发废话不多说，直接上代码：

<el-table
                v-loading="listLoading"
                :data="tableData"
                style="width: 100%">
                <
                  prop="time"
                  label="发布时间"
                  width="180">
                </el-table-column>
                <el-table-column
                  prop="title"
                  label="公告标题"
                  width="180">
                </el-table-column>
                <el-table-column
                  prop="content"
                  label="公告内容">
                </el-table-column>
                <el-table-column>
                  <template ="scope">

                      <el-tag
                      @click="deletegg(scope.row.id)"
                      type="danger"
                        disable-transitions>删除</el-tag>
                  </template>
                  <!-- <el-button type="danger" size="small" @click="deletegg(scope.$row)">删除</el-button> -->
                </el-table-column>
              </el-table>

 这里指的注意一个点，直接在el-table-column 上写slot-scope="scope",并且在里面直接写scope.row获取信息，会导致表格显示内容为空

解决方法：在里面嵌入一个template标签，然后再获取每行的值，就成功获取到了

scope.row和scope.$index的作用：

scope.row获取的是你的整行的值，可以是一个对象

 

scope.$index获取的是从0开始排列的索引值