From c6bc677a0dd02a0843686adbbd589f1ec8a503e3 Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@mac.com>
Date: Wed, 30 Dec 2020 11:05:08 +0000
Subject: [PATCH] freeze attempts
---
app/src/components/ListLayer.vue | 15 +++++++++------
1 file changed, 9 insertions(+), 6 deletions(-)
diff --git a/app/src/components/ListLayer.vue b/app/src/components/ListLayer.vue
index 28a5f75..dc4efe5 100644
--- a/app/src/components/ListLayer.vue
+++ b/app/src/components/ListLayer.vue
@@ -1,6 +1,6 @@
<template>
<div :key="componentKey">
- <div v-for="(nodes, index) in $options.myArray" v-bind:key="index">
+ <div v-for="(nodes, index) in myArray" v-bind:key="index">
<form
class="nodes"
:style="{
@@ -126,8 +126,7 @@ export default {
setTimeout(this.loadData, 500)
const unwatch = this.$watch('nodes_filtered', (value) => {
- this.$options.myArray = this.nodes_filtered
- this.forceRerender()
+ // this.forceRerender()
//this.$forceUpdate()
// this.focusInput()
// ignore falsy values
@@ -135,7 +134,9 @@ export default {
// stop watching when nodes_filtered[] is not empty
if (value && value.length) unwatch()
+ this.myArray = Object.freeze(this.nodes_filtered)
+ //this.myArray[Object.freeze] = this.nodes_filtered
// process value here
})
},
@@ -164,15 +165,17 @@ export default {
},
chooseColor(color, nodeid) {
this.$store.dispatch('colorNode', { nodeid, color })
- this.$options.myArray = this.nodes_filtered
+ this.myArray = Object.freeze(this.nodes_filtered)
+
},
updateNodes() {
this.update = !this.update
},
loadData() {
console.log('called')
- this.$options.myArray = this.nodes_filtered
- this.forceRerender()
+ //this.myArray[Object.freeze] = this.nodes_filtered
+
+ //this.forceRerender()
//this.$forceUpdate()
},
editNode(e) {
--
GitLab