0001-使用el-popover进行列表渲染时有的打不开解决方案

最重要的是定位问题。

所谓的列表渲染，或者用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。