Static vue过滤数组在我需要的时候是空的

Question

I have a template that needs some non-reactive data in it from my Vuex store. However at the moment, I have to manually switch views to get the data to load. I am assuming I should not use mounted or created . If I use watch , then it basically becomes reactive again, and I only want to get this once.

 data: function () {
    return {
      localreadmode: false,
      myArray: null,
    }
  },

  computed: {
    ...mapState({
      myNodes: (state) => state.myNodes,
      configPositions: (state) => state.configPositions,
      configEmoji: (state) => state.configEmoji,
    }),

    nodes_filtered: function () {
      return this.myNodes.filter((nodes) => {
        return nodes.deleted == false
      })
    },
  },

  // this is to stop sync chasing bug
  myArray: null,
  created() {
    this.$options.myArray = this.nodes_filtered
   console.log(this.nodes_filtered)
// is empty unless I switch views
  },

Answer 1

You could still use a watcher that runs only once via the vm.$watch API. It returns a method that can be called to stop watching the value, so your handler could invoke it when nodes_filtered[] is not empty.

export default {
  mounted() {
    const unwatch = this.$watch(this.nodes_filtered, value => {
      // ignore falsy values
      if (!value) return

      // stop watching when nodes_filtered[] is not empty
      if (value.length) unwatch()

      // process value here
    })
  }
}

demo