设置表格的数据项为树形结构 必须要给表格指定 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必须写唯一标识 ,如有重复,点击后会造成页面卡死、失效的现象 

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐