Vue饿了么树形控件增加增删改功能的示例代码
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本示例展示了如何在Vue项目中使用饿了么UI库实现具备新增、删除和修改功能的树形控件，并提供了相关代码。
本段落介绍了如何在VUE饿了么树形控件中添加增删改功能的示例代码，并分享给大家。使用的是element-ui中的树形控件，在一个案例中有新增和删除的功能，但后来发现其修改的数据并不能直接影响到树形数据，因此采用了render-content API重新编写了一个组件。
开发步骤如下：
大致效果如图所示。
1. 省市API：在网上复制了个省市的列表。有两个属性是新增的：
- isEdit ：控制编辑状态
- maxexpandId ：为现下id的最大值
```javascript
export default {
data() {
return {
maxexpandId: 95,
treelist: [{ id，...}]
}
}
```
请注意，以上代码片段是不完整的示例。实际使用时，请根据具体需求进行调整和完善。
全部评论 (0)
还没有任何评论哟~
