为什么element-ui中的row-key属性要写唯一值

设置表格的数据项为树形结构 必须要给表格指定 row-key  

  <el-table border :data="list" row-key="id">
          <el-table-column label="名称" prop="name" />
          <el-table-column label="标识" prop="code" />
          <el-table-column label="描述" prop="description" />
          <el-table-column label="操作">
            <template slot-scope="scope">
              <!-- 添加按钮级别的权限 添加就代表需要一个新的功能按钮
									按钮级别：
									type:2,
									pid:当前行的id
							-->
              <el-button v-if="scope.row.type===1" type="text" @click="hAdd(2,scope.row.id)">添加</el-button>
              <el-button type="text">编辑</el-button>
              <el-button type="text">删除</el-button>
            </template>
          </el-table-column>
        </el-table>

最后的效果是这样

总结：row-key必须写唯一标识 ，如有重复，点击后会造成页面卡死、失效的现象