vue循环数据 v-for / v-if最后一条

html部分

    

        
{{item.title}}
        
{{item.content}}
        

    
			

 如果要找到最后一条，给最后一条的list-img单独加上一个red的类名

    
{{item.id}}、{{item.title}}
    
{{item.content}}
    

        
    

或者用v-if判断找到最后一条

	
{{item.id}}、{{item.title}}
	
{{item.content}}
	

		
	


	
{{item.id}}、{{item.title}}
	
{{item.content}}
	

		
	

js部分

export default {
    data() {
        return {
            url:"/static/list_img.json",
            listdata:[],
        }
    },
    created(){
        this.getData();	 
    },

    methods: {	
        //获得数据
        async getData(){
            let self=this;
            let dizhi = await self.$axios.get(self.url);
            self.listdata = dizhi.data.mylistdata;
            console.log(self.listdata);	      	
        }, 
    }
};

json格式

{
  "mylistdata": [{
    "title": "描述标题",
    "content": "描述文字",
    "pho": "图片的url地址"
  }]
}

运行结果