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

问题描述

我正面临一个奇怪的错误，我找不到它发生的原因。

我正在尝试v-for在我的刀片视图中创建一个并且我有这个消息：

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

但“问题”只是我的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之前打电话...

标签： ajaxlaravelvue.jsrenderv-for

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

问题描述

解决方案

推荐阅读