最重要的是定位问题。
所谓的列表渲染,或者用table,或者自己用v-for循环再配合一个el-pagination。
<el-popover placement="left-start"
width="300"
trigger="hover">
<div class="salesman-info">
<div v-for="phoneInfo in item.salesmanInfo.salesmanPhone" v-if="item.businessStatus==2">
<label>{{phoneInfo.name}}:</label>
<span>{{phoneInfo.phone}}</span>
</div>
<div>
<label>{{item.salesmanInfo.salesmanWorkTime.title}}:</label>
<span>{{item.salesmanInfo.salesmanWorkTime.text}}</span>
</div>
</div>
<el-button slot="reference" class="contact-sales" v-if="item.businessStatus==2">联系业务员</el-button>
</el-popover>
现象:
当渲染出来列表后,我发现,如果在一页中,有几项没有渲染出联系业务员这个按钮,则翻页后,相应的项即使渲染出该按钮,也弹不出弹出框。
解决:
渲染而不显示:
<el-button slot="reference" class="contact-sales" v-show="item.businessStatus==2">联系业务员</el-button>
就这一个单词的差距,导致了难以观察出来的bug。