Is vue hungry? is it invalid to add tree table nodes?

it"s not easy to make better use of the components, resulting in a lot of problems! 

<!--  -->
              <el-button
                icon="el-icon-plus"
                circle
                :size="iconSize"
                type="success"
                @click="NodeAdd(node, data)"
              ></el-button>

this is the html added to the node 

NodeAdd(n, d) {
      //
      console.log(n, d);
      //
      if (n.level >= 3) {
        this.$message.error("");
        return false;
      }
      //
      d.list.push({
        id: PPthis.maxexpandId,
        name: "",
        pid: d.id,
        list: []
      });
      //
      if (!n.expanded) {
        n.expanded = true;
      }
    }

this is a way to add nodes. Others are fine for top-level nodes, but an error is reported when adding to secondary nodes

clipboard.png
I don"t know what went wrong. I"m tired!

Vue.js
May.06,2022

look at the d.list you printed out is an object, not an array, and the object does not have a push method, so an error has been reported! 

NodeAdd(n, d) {
      //
      console.log(n, d);
      //
      if (n.level > 3) {
        this.$message.error("");
      }else{
          //listd.listundefined,push
          if (!d.list) {
            this.$set(d, 'list', []);
          }
          //
          d.list.push({
            id: PPthis.maxexpandId,
            name: "",
            pid: d.id,
            list: []
          });
          //
          if (!n.expanded) {
            n.expanded = true;
          }
      }
    }

Previous: About easel, switch tab want to change a canvas to redraw according to the original method, why didn't it use

Next: How to scale TweenMax and pixi

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu