<el-table :data="dialogObj.children"> <el-table-column prop="name" label="分项"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button @click="deleteSelectedData(scope.$index)">删除</el-button> </template> </el-table-column> </el-table>设置一个滚轮

你可以将 `<el-table>` 组件包裹在一个固定高度的容器中，并设置 `overflow-y: scroll` 来实现滚动条的效果。例如：

<div style="height: 300px; overflow-y: scroll;">
  <el-table :data="dialogObj.children">
    <el-table-column prop="name" label="分项"></el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button @click="deleteSelectedData(scope.$index)">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
</div>

这样，当表格内容超出容器高度时，会自动出现纵向滚动条。你可以根据需要调整容器的高度和样式。

相关问题

<div style="height: 300px; overflow-y: scroll;"> <el-table :data="dialogObj.children"> <el-table-column prop="name" label="分项"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button @click="deleteSelectedData(scope.$index)">删除</el-button> </template> </el-table-column> </el-table> </div>怎么加分割线

你可以在 `div` 标签上添加 `border-top` 样式来实现分割线的效果，例如：

<div style="height: 300px; overflow-y: scroll; border-top: 1px solid #ccc;">
  <el-table :data="dialogObj.children">
    ...
  </el-table>
</div>

这样就会在 `div` 标签的顶部添加一条灰色的分割线。你可以根据需要调整分割线的颜色和粗细程度。

<el-button @click="addToSelectedData" style="height: 40px;" :clearable="false">添加</el-button> </div> <el-table :data="dialogObj.children"> <el-table-column prop="name" label="分项"></el-table-column> <el-table-column label="操作"> <template slot-scope="scope"> <el-button @click="deleteSelectedData(scope.$index)">删除</el-button> deleteSelectedData(index) { this.selectedData.splice(index, 1) },点击删除按钮为什么无法删除

这段代码缺少一些关键信息，不过从你提供的代码中可以看出，你在删除表格数据时只是从 `selectedData` 中删除了对应的数据，但是并没有从 `dialogObj.children` 中删除相应的数据。因此，当你再次渲染表格时，该数据仍然存在，导致删除按钮无法正确删除数据。

你需要在 `deleteSelectedData` 方法中同时删除 `selectedData` 和 `dialogObj.children` 中的数据。可以尝试修改代码如下：

deleteSelectedData(index) {
  this.selectedData.splice(index, 1)
  this.dialogObj.children.splice(index, 1)
},

这样就可以同时删除 `selectedData` 和 `dialogObj.children` 中的数据，保证删除操作的正确性。