Popover内容不更新是因为初始化时缓存data-content或content值，后续修改DOM或变量无效；应使用show.bs.popover事件手动设置、v5函数式content（同步）、v5.3+ setContent方法或v4销毁重建。
Popover内容不更新？data-content是静态快照
bootstrap 4/5 的 popover 初始化时会读取 data-content 或 content 选项并缓存，之后改 dom 或变量值不会自动同步。这不是 bug，是设计如此——它只在 show() 前“看一眼”。
- 用
data-content属性写死字符串，后续 JS 改element.dataset.content没用 -
content选项传字符串同理，传函数才可动态求值（但注意调用时机） - 最稳妥的方式：不用初始 content，而是在
show.bs.popover事件里手动设置$(el).data('bs.popover').config.content（v5）或$(el).data('popover').options.content（v4）
Bootstrap 5 中用函数返回动态内容（推荐）
v5 支持把 content 设为函数，每次 popover 显示前都会调用它。但要注意：函数内 this 指向触发元素，且不能依赖异步结果（比如 fetch 返回前就已执行完毕）。
- 正确写法：
content: () => document.getElementById('dynamic-content').innerHTML - 错误写法：
content: async () => await fetch('/api').then(r => r.text())—— 异步不被等待，返回Promise对象会被转成字符串[object Promise] - 若需异步加载，得配合
show.bs.popover事件 +setContent方法（见下一条）
手动触发 setContent 更新内容（v5.3+）
v5.3 起，Popover 实例新增 setContent 方法，可安全覆盖当前内容。适合异步加载、表单输入实时渲染等场景。
- 先初始化 popover 并保存实例：
const popover = new bootstrap.Popover(el, { html: true, trigger: 'manual' }) - 监听事件或用户操作后调用：
popover.setContent({ '.popover-header': '新标题', '.popover-body': '<strong>新内容</strong>' }) - 注意参数是对象，key 是 CSS 选择器，value 是要插入的 HTML 字符串或 DOM 元素；不传
.popover-header就不会渲染头部 - 调用
setContent后需再调show()才会刷新显示（如果已显示，需先hide()再show()）
jQuery 版本（Bootstrap 4）怎么处理？
Bootstrap 4 没有 setContent，得直接改内部状态再强制重绘。不推荐魔改，但现实项目常绕不开。
- 获取实例：
const popover = $(el).data('bs.popover')（v4）或$(el).data('popover')（旧版） - 更新内容：
popover.options.content = '新内容'，然后popover.tip().querySelector('.popover-body').innerHTML = '新内容' - 更稳妥的做法：销毁重建 ——
$(el).popover('dispose'); $(el).popover({ content: dynamicFn })，但会丢失当前状态（如是否已 show） - 别忘了
html: true选项，否则<strong>这类标签会被转义
dataset 或变量却没效果，其实是没意识到 Bootstrap 把内容当一次性快照用了。 
