element-ui 渲染不生效

Element 渲染不生效的原因可能是由于 v-if 的渲染是惰性的，如果 v-if 的初始值为 false，在页面的挂载阶段，v-if 所修饰的组件不会被渲染执行。而与此同时，父组件已经渲染完毕了，但它找不到自己服务的 button。后来发生了某些数据更新，v-if 的值变为 true，子组件重新得以渲染挂载了，但此时已经为时已晚。父组件早已丢失了子组件的指针，因此绑定失败了。[1]

解决这个问题的方法是使用 v-show 替代 v-if。v-show 是非惰性的显隐控制，无论什么情况，子组件都会在挂载阶段渲染挂载，这样就不会出现丢失子组件的情况了。[2]

所以，你可以尝试将 v-if 替换为 v-show，这样 Element-ui 的渲染应该会生效。[2] 以下是使用 v-show 的代码示例：

<el-popconfirm style="margin-right:10px;" confirm-button-text='确认' cancel-button-text='取消' icon="el-icon-info" icon-color="red" title="该操作仅能执行一次且不可逆，建议冻结团队后操作。确认执行吗？" @confirm="handleAddGitGroupMembers()">
  <el-button v-show="gitGroup().groupId!=null" slot="reference" size="small"> 添加项目组成员 </el-button>
</el-popconfirm>

希望这个解决方案能够帮助到你。[2]