element tree 更新节点信息

Dear 丶 2022-10-29 04:29 326阅读 0赞

操作步骤：

> 1、点击打开操作节点--------重点：**node一定要存一手**，没他办不了事
> 
>     this.showUpdateLd = true; //显示操作模态框
>     this.handleNode = node;   //当前操作的节点对象
>     //具体业务逻辑
> 
>  ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzE1NDk0_size_16_color_FFFFFF_t_70][]

> 2、使用VUE 提供的**$set()方法** 
> 
>    this.$set(**this.handleNode.data**,**    'label'**,   **this.updateLdForm.lph+this.updateLdForm.lmc**)  
>        **param1**：当前操作对象  
>        **param2**：要更新字段名称  
>        **param3**：要更新的内容
> 
>     this.$refs.updateLdForm.validate((valid) => {
>         if (valid) {
>             let url = `${BaseUrl}/fwfzxx/gxLdxx`;
>             let data = {
>                 ldid:this.updateLdForm.lphId,
>                 ldmc:this.updateLdForm.lph, 
>                 ldbm:this.updateLdForm.lmc,
>             }
>             this.$post(url,data).then(res => {
>                 // console.log('楼栋信息更新失败   res=',res)
>                 if(res.code==200){
>                     this.showUpdateLd = false;
>                     this.$notify({type:'success',showClose:false,message:'楼栋信息更新成功'})
>                     this.$set(this.handleNode.data, 'label',this.updateLdForm.lph+this.updateLdForm.lmc)
>                 }else{
>                     this.$notify({type:'warning',showClose:false,message:'楼栋信息更新失败，请重新操作！'})
>                     console.log('楼栋信息更新失败   res=',res)
>                 }
>             })
>         }
>     })
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzE1NDk0_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzE1NDk0_size_16_color_FFFFFF_t_70]: /images/20221024/47046c3e9d22468bb1a309347c8e8618.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzE1NDk0_size_16_color_FFFFFF_t_70 1]: /images/20221024/090cced570aa4c5fbb37fe874f5faaa5.png