Modal 实例的 options 不支持运行时修改标题；唯一可靠方式是操作 DOM 元素（如修改 .modal-title 的 textContent）或在 shown.bs.modal 事件中动态更新，需确保模态框已渲染。
Modal 实例的 options 不支持运行时修改标题
bootstrap 的 modal（v5.x）初始化后，options 是只读的；直接改 modal._config.title 或类似操作完全无效。标题渲染只发生在 show() 时从配置中读取一次，后续不响应式更新。
真正可行的路径只有两个：操作 DOM 元素，或在每次调用前重设配置（适用于非 show() 中动态改的场景）。
直接修改 .modal-header .modal-title 文本内容
这是最常用、最稳妥的做法，兼容 v4/v5，无副作用，且能立即生效。前提是模态框已挂载到 DOM（即已调用 show() 或手动 append 过）。
- 如果模态框是静态 HTML 定义的（如
<div class="modal">...</div>），调用new bootstrap.Modal(...).show()后即可安全操作其内部元素 - 使用
querySelector或 jQuery（若项目仍在用）定位标题区域：modalElement.querySelector('.modal-title').textContent = '新标题' - 注意：不要用
innerHTML，除非你明确需要插入 HTML；纯文本用textContent更安全、更快 - 如果模态框尚未 show，DOM 可能未渲染，此时查不到
.modal-title—— 需监听shown.bs.modal事件再操作
在 shown.bs.modal 回调里统一更新标题
适合“同一 Modal 实例复用多次、每次标题不同”的场景，比如表格行点击弹出详情，标题要显示该行的名称。
- 给 Modal 绑定事件：
modalElement.addEventListener('shown.bs.modal', handleTitleUpdate) - 在
handleTitleUpdate里，通过自定义 data 属性传参，例如：button data-modal-title="用户详情 - 张三"，然后在回调中读取并写入.modal-title - 避免在
show()前硬编码标题，否则容易覆盖或冲突；所有标题逻辑收束到事件回调里更清晰 - 如果 Modal 是通过 JavaScript 动态创建的（非 HTML 模板），也可以在
shown事件里做 DOM 插入，但需确保.modal-title元素存在（v5 默认有，v4 也基本都有）
用 data-bs-* 属性传递标题并配合事件自动同步
这是一种声明式写法，适合多处调用同个 Modal 但标题各异的场景，减少 JS 逻辑耦合。
- 触发按钮加上：
data-bs-title="订单 #10023"（v5 支持，v4 需自行解析） - 在
shown.bs.modal回调中读取：const title = event.relatedTarget?.dataset.bsTitle || '默认标题' - 然后赋值：
modalElement.querySelector('.modal-title').textContent = title - 注意
event.relatedTarget是触发 modal 的那个元素（比如按钮），它可能为null（如 JS 直接调用show()），所以要做空值判断 - 这种方案不依赖 jQuery，纯原生，也方便后续迁移到其他 UI 库
实际改标题这件事本身很简单，但容易卡在“以为能改配置”或“没等 DOM 渲染完就操作”。关键不是 Modal 多强大，而是清楚它只是一层 DOM 容器——标题就是个普通文本节点，该换就换，别绕远路。
