usando "vue": "^2.6.12", "árbol de licor": "^0.2.70"
intentando agregar al árbol en el gancho del ciclo de vida 'creado ()'. Dom parece estar cargado y parece que tengo una buena referencia al objeto, recibiendo "Error de tipo: no se pueden leer las propiedades de undefined (leyendo 'indexOf')
de los documentos en https://amsik.github.io/liquor-tree/#Tree-API Tree.before(criteria, node) Uso: este método tiene el mismo comportamiento que Tree.append, pero el punto de inserción será diferente (antes del nodo encontrado o del inicio de la lista (como raíz)).
Simplemente no hay muchos ejemplos de trabajo para licor-árbol o información en la web, ¿alguna ayuda? gracias
(Agregué la entrada al árbol a través de javascript, pero no obtengo la reactividad típica que supongo que podría obtener si la agrego al árbol usando la API)
<tree v-if="loaded" ref="layerTree" class="flex-fill" :data="platformTree" :options="treeOptions" :filter="filter" @node:checked="toggleVisibility" @node:unchecked="toggleVisibility" > <span class="tree-text" slot-scope="{ node }"> <template v-if="node.data.icon"> <i :class="node.data.icon"></i> {{ node.text }} </template> <template v-else> {{ node.text }} </template> </span> </tree>
y entonces
updated() { console.log("this.$refs.layerTree ", this.$refs.layerTree); this.appendData(); }, methods: { async appendData() { this.$refs.layerTree.before( { text: "IDENTIFICATION" }, // search criteria "New CHILD Node for My super Text" // this string will be converted to Node object with default state parameters );