Vue: [व्यू चेतावनी]: संपत्ति या विधि "इंडेक्स" को उदाहरण पर परिभाषित नहीं किया गया है, लेकिन रेंडर के दौरान संदर्भित किया गया है।

को निर्मित 27 सित॰ 2016 · 3टिप्पणियाँ · स्रोत: vuejs/vue

Vue.js संस्करण

2.0.0-आरसी.7

वास्तव में क्या हो रहा है?

मैं अपने 1.x vue प्रोजेक्ट को 2.0.0 में बदलने की कोशिश कर रहा हूं, लेकिन एक चेतावनी मिली है

main.js:20715 [Vue चेतावनी]: संपत्ति या विधि "अनुक्रमणिका" उदाहरण पर परिभाषित नहीं है लेकिन प्रस्तुत करने के दौरान संदर्भित है। डेटा विकल्प में प्रतिक्रियाशील डेटा गुण घोषित करना सुनिश्चित करें। (घटक में पाया गया)

कोड:

<template>
<div>
...
<a class="ui red label " v-for="(tag,index) in tags">
       {{tag}}
       <i class="delete icon" v-on:click="deleteTag(index)"></i>
 </a>
...
</div>
<template>
<script>

    module.exports = {
        data : function () {
            return {
                //form tags
                tags:[],
            }
        },
        methods : {

            deleteTag : function (deleteIndex) {
                this.tags.splice(deleteIndex,1);
            }
        }

    }

</script>

इस चेतावनी को हटाने के लिए मुझे क्या करना चाहिए?

need repro

स्रोत

Vwings

सबसे उपयोगी टिप्पणी

अंत में मुझे समस्या मिली। मैं मूल कोड को बदलना भूल गया

(टैब, इंडेक्स)

दूसरी फाइल में

चेतावनी:

<a class="item" v-for="tab in tabs" :class="{active : activeTab==index}" @click="toggleActiveTab(index)">
            {{tab.name}}
        </a>

कोई चेतावनी नहीं:

<a class="item" v-for="(tab,index) in tabs" :class="{active : activeTab==index}" @click="toggleActiveTab(index)">
            {{tab.name}}
        </a>

Vwings 28 सित॰ 2016

👍15 🎉2 ❤1

सभी 3 टिप्पणियाँ

अंत में मुझे समस्या मिली। मैं मूल कोड को बदलना भूल गया

(टैब, इंडेक्स)

दूसरी फाइल में

चेतावनी:

<a class="item" v-for="tab in tabs" :class="{active : activeTab==index}" @click="toggleActiveTab(index)">
            {{tab.name}}
        </a>

कोई चेतावनी नहीं:

<a class="item" v-for="(tab,index) in tabs" :class="{active : activeTab==index}" @click="toggleActiveTab(index)">
            {{tab.name}}
        </a>

Vwings 28 सित॰ 2016

👍15 🎉2 ❤1

पहले मुझे इस पोस्ट के लिए माफ़ कर दो, लेकिन मैं भी ऐसी ही स्थिति से गुज़र रहा हूँ..

Vue.js संस्करण
2.1.6

Vuex.js संस्करण
2.1.1

मेरी फ़ाइल क्रियाएँ.js

 एक्सपोर्ट कॉन्स्ट एडफॉर्म = ({प्रेषण}) => {
 प्रेषण ('ADD_FORM')
 }

 एक्सपोर्ट कॉन्स्ट डिलीटफॉर्म = ({डिस्पैच}) => {
 प्रेषण ('DELETE_FORM')
 }

और मेरा घटक.vue

 <टेम्पलेट>
 <उल वर्ग = "ड्रॉपडाउन-मेनू">
 <ली>
 <a @click="addForm"> सेव करें</a> 
 </li>
 <ली>
 <a @click="deleteForm"> हटाएं</a>
 </li>
 </ul>
 </टेम्पलेट>

यह परिणाम है

vue.common.js?e881:519[Vue चेतावनी]: संपत्ति या विधि "addForm" उदाहरण पर परिभाषित नहीं है, लेकिन रेंडर के दौरान संदर्भित है। डेटा विकल्प में प्रतिक्रियाशील डेटा गुण घोषित करना सुनिश्चित करें।
vue.common.js?e881:519 [Vue चेतावनी]: संपत्ति या विधि "deleteForm" को इंस्टेंस पर परिभाषित नहीं किया जाता है लेकिन रेंडर के दौरान संदर्भित किया जाता है। डेटा विकल्प में प्रतिक्रियाशील डेटा गुण घोषित करना सुनिश्चित करें।

इस चेतावनी को ठीक करने के लिए मुझे क्या करना चाहिए?

carvalhoviniciusluiz 28 दिस॰ 2016

@carvalhoviniciusluiz आपको किसी घटक पर actions परिभाषित नहीं करना चाहिए, कृपया इसका संदर्भ लें: http://vuex.vuejs.org/en/actions.html#dispatching -actions-in-components

fnlctrl 28 दिस॰ 2016

👎11 👍2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Vue.js संस्करण

वास्तव में क्या हो रहा है?

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों