Question

我正遇到一个奇怪的错误，我找不到原因。

我正在尝试在刀片视图中创建v-for，并且显示以下消息：

“ [[Vue警告]：属性或方法”问题“未在实例上定义，但在render（...）期间被引用”，然后我的页面将无法呈现

但是“ question”只是我的v-for别名！这是我的代码：

刀片视图：

<section class="clearfix section--faq vue--faq">
<ul class="faq__list list--faq">
     <li v-for"(question,index) in questions" :key="index" class="faq__item card">
        <article class="faq__article">
            <h3 class="title--faq">
            @{{question.titre}}
            </h3>

            <p class="faq__answer">
            @{{question.reponse}}
            </p>
        </article>
    </li>
   </ul>
</section>

VueJS：

if( $('.vue--faq').length ){
  var faq = new Vue({
      el: '.vue--faq',
      data:{
        faqCategories:'',
        questions :'',
        baseUrl : $(".baseurl").text(),
      },

            mounted : function(){
        this.getQuestions();
        this.getCategories();
            },

      methods:{
                getCategories : function(){
                    var self = this;
                    var response = axios.get(self.baseUrl+"/api/faqs/categories")
          .then(function(response){
            self.faqCategories = response.data;
                    });
        },

        getQuestions : function(){
                    var self = this;
                    var response = axios.get(self.baseUrl+"/api/faqs/index")
          .then(function(response){
            self.questions = response.data;
                    });
        },
        },
  });
};

任何想法为什么会这样？我从来没有遇到任何问题，为什么v-for和ajax会在...之前致电

Answer 1

在=之后缺少v-for。放入=即可解决问题！

VueJs-V-for渲染失败属性或方法未定义

1 个答案: