前端VUE【实战】—— antd tree树形控件进行增删改查父子节点(2)

• 可以删除子节点

• 可以编辑子节点信息

• 可以取消编辑信息

具体的效果图如下：

直接上代码

vue组件

<a-input placeholder=“请输入目录名称” v-model=“addValue” @change=“inChange()” />

<a-button

type=“primary”

style=“margin-left:20px”

icon=“plus”

@click=“onAdd”

:disabled=“disabled”

新增目录

{ { item.name }}

方法

data() {

return {

policiesAndRegulationss: []

}

},

methods: {

//列表查询 处理数据格式

getRecord() {

postDataToMng(this.url.list,