vue js에서 json 응답에 데이터가없는 경우 어떻게 "No data"를 표시 할 수 있습니까?

Question

데이터가 없으면 아무 것도 표시되지 않습니다. 아무도 데이터가 null 일 때 "검색 결과 없음"으로 메시지를 인쇄하도록 도와 줄 수 있습니까? 나는 처음으로 일을하고 있고 오직 기본적인 생각 만 가지고 있습니다.이 문제에 대해 저를 도와주세요. 데이터가 null

내 JSON 데이터는 다음과 같습니다 성공

{ "status": true, "data": [] } 

searchContent = new Vue({ 
    el: "#searchContent", 
    data: { 
    vector: {} 
    } 
}); 

categories = new Vue({ 
    el: '#categories', 
    data: { 
    category: 0, 
    subcategory: 0, 
    content: false 
    }, 
    watch: { 
    subcategory: function(e) { 
     this.prefetch(); 
    }, 
    category: function(e) { 
     this.prefetch(); 
    }, 
    }, 
    methods: { 
    prefetch: function() { 
     var filter = {}; 
     filter['category'] = this.category; 
     filter['subcategory'] = this.subcategory; 
     if (this.content !== false) 
     this.content.abort() 
     this.content = $.ajax({ 
     'url': 'filter/', 
     data: filter, 
     dataType: "JSON", 
     type: "POST", 
     success: function(e) { 
      window.searchContent.vector = e.data; 
      console.log(e); 
     } 
     }) 
    } 
    } 
}) 

<div id="searchContent"> 
    <div v-for="row in vector">{{row.bussinessName}}</div> 
    <div> 

Answer 1

마크 업에서이 작업을 완전히 수행해야합니다. 이것을 시도하십시오 ...

<div id="searchContent"> 
    <div v-for="row in vector">{{row.bussinessName}}</div> 
    <div v-if="vector.length === 0">No search results</div> 
<div> 

Answer 2

확인 데이터 길이.

success: function(e) { 
     if(e.data.length > 0) 
      window.searchContent.vector = e.data; 
     else 
      window.searchContent.vector= 'No search reults' 
     }