Vue在数据绑定或者v-for出现3级点链item.***.***时候报错，解决方案

 

 

 

 

 

解决方案

在外面加上  v-if,这个是判断你是否存在，这样错误一般就消失了

  <template v-if="item.user">
                                    <el-avatar shape="circle" :size="80" fit="fit" :src="item.user.avatar"></el-avatar>
                                </template>

 

 

 

 

例子

<div class="user-list">
                            <div class="item" v-for="(item,index) in users" :key="index">
                                <template v-if="item.user">
                                    <el-avatar shape="circle" :size="80" fit="fit" :src="item.user.avatar"></el-avatar>
                                </template>
                                <div class="box">
                                   <template v-if="item.user">
                                       <h3 class="username">{{item.user.alias ? item.user.alias : item.user.user_name}}</h3>
                                   </template>
                                    <p class="content">{{item.comment}}</p>
                                    <div class="like">
                                        <span class="time">{{item.created_at}}</span>
                                        <div class="yes" :class="{active:item.likeCheck==true}" @click="likeCheck(item.id)">
                                            <i class="iconfont icon-dianzan"></i>
                                            <span>({{item.good}})</span>
                                        </div>
                                        <div class="no" :class="{active:item.dontLikeCheck==true}" @click="dontLikeCheck(item.id)">
                                            <i class="iconfont icon-dianzan"></i>
                                            <span>({{item.bad}})</span>
                                        </div>
                                        <span class="reply">Reply</span>
                                    </div>
                                </div>
                            </div>
                        </div>