[javascript] प्रॉपर्टी या विधि को इस उदाहरण पर परिभाषित नहीं किया गया है, लेकिन रेंडर I व्वेक्स के दौरान संदर्भित है


0 Answers

Question

मुझे निम्नलिखित त्रुटि मिल रही है

[वीयू चेतावनी]: प्रॉपर्टी या विधि "अपडेटडेटा" को उदाहरण पर परिभाषित नहीं किया गया है, लेकिन रेंडर के दौरान संदर्भित है। डेटा विकल्प में प्रतिक्रियाशील डेटा गुणों को घोषित करना सुनिश्चित करें

जहाँ तक मैं कोड से बता सकता हूं, विधि है, इसलिए मैं कुछ ऐसी चीज पर फंस गया हूं जो मुझे मेरी अज्ञानता के कारण याद आ रही है। मैंने इस मामले को गोल कर दिया है और मुझे बहुत कुछ जवाब मिला है, लेकिन उनमें से कोई भी मुझे समझने में नहीं आया कि क्या करना है। यह गुंजाइश के साथ कुछ है, मैं समझ रहा हूँ।

मुझे भी नीचे त्रुटि मिलती है, लेकिन मुझे संदेह है कि यह दोनों के लिए एक समान मूल कारण है ताकि किसी को सुलझाना दूसरे को हल करेगा।

[वीयू चेतावनी]: घटना के लिए अमान्य हैंडलर "क्लिक करें": अनिर्धारित (घटक में पाया ...)

मार्कअप का पालन करें जैसा है मैंने चेक किया है कि पथ सही स्थान पर जाता है फिलहाल मुझे यकीन नहीं है कि यहां तक ​​कि इसका निवारण कैसे करना है। किसी भी संकेत की सराहना की जाएगी

<template>
  <div id="nav-bar">
    <ul>
      <li @click="updateData">Update</li>
      <li @click="resetData">Reset</li>
    </ul>
  </div>
</template>

<script>
  import { updateData, resetData } from "../vuex_app/actions";

  export default {
    vuex: {
      getters: { activeDataRow: state => state.activeDataRow },
      actions: { updateData, resetData }
    }
  }
</script>

संपादित करें

इनपुट के बाद मैंने ऐसे तरीकों की संपत्ति को शामिल करने के लिए निर्यात में सुधार किया था। (फिर भी एक ही त्रुटि शेष है, हालांकि।)

export default {
  vuex: {
    getters: { activeDataRow: state => state.activeDataRow }, 
    actions: { updateData, resetData }, 
    methods:{ 
      updateData: () => this.$store.dispatch("updateData"), 
      resetData: () => this.$store.dispatch("resetData")
    }
  }
}

क्या मुझे दुकान में अतिरिक्त कुछ करना है? यह इस तरह दिख रहा है।

import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);

const state = { dataRows: [], activeDataRow: {} };
const mutations = {
    UPDATE_DATA(state, data) { state.dataRows = data; state.activeDataRow = {}; },
    RESET_DATA(state) { state.dataRows = []; state.activeDataRow = {}; }
};

export default new Vuex.Store({ state, mutations });



Related