Vue bootstrap 表:列中的按钮未呈现

问题描述 投票:0回答:0

我有一个带有“cosimo”列的 Vue Bootstrap 表,其中包含一个用于启动模式的按钮。但是,该按钮未正确呈现并且在单击时不起作用。这是专栏的代码:

columns: [
{
  title: "Cosimo",
  field: "component.name",
  sortable: true,
  formatter: (value, row, index) => {
    return `
      <b-button v-b-modal.modal-1 @click="showModal"
        >Launch demo modal</b-button
      >
  `;
  }
}, ...]

我已经检查了 Vue Bootstrap 文档,我相信我已经按照正确的语法创建了一个启动模式的按钮。但是,该按钮不起作用,并且 HTML 未正确呈现。谁能帮我找出问题所在?提前致谢!它在模板部分的表外工作。

vue.js bootstrap-vue
© www.soinside.com 2019 - 2024. All rights reserved.