<template #unsignedAction="unsigned"> <td> <q-btn>{{ unsigned.row.DOC_UNSIGNED }}</q-btn> </td> </template> <template #signedAction="signed"> <td> <q-btn>{{ signed.row.DOC_SIGNED }}</q-btn> </td> </template> 没有作用,在table里没有显示按钮
时间: 2023-07-09 16:42:59 浏览: 49
如果插槽中的内容没有被正确显示,可能是因为插槽名称不正确或插槽未与子组件关联。在你的代码中,插槽名称应该与列定义中的 `field` 属性相匹配,例如 `unsignedAction` 和 `signedAction`。此外,你可能还需要使用 `slot` 属性将插槽与列关联起来。请尝试使用以下代码:
```
<q-table class="col-md-12" style="margin-top: 15px"
dense
:pagination="pigitions"
:rows="rows"
:columns="columns"
row-key="ITEM_ID"
:selected-rows-label="getSelectedString"
selection="multiple"
:loading="loading"
v-model:selected="selected">
<q-td key="DOC_UNSIGNED" field="DOC_UNSIGNED" :slot="unsignedAction">
<template #unsignedAction="unsigned">
<q-btn>{{ unsigned.row.DOC_UNSIGNED }}</q-btn>
</template>
</q-td>
<q-td key="DOC_SIGNED" field="DOC_SIGNED" :slot="signedAction">
<template #signedAction="signed">
<q-btn>{{ signed.row.DOC_SIGNED }}</q-btn>
</template>
</q-td>
</q-table>
```
在这里,我们使用 `<q-td>` 组件来定义列,并将插槽与每个列关联起来。在插槽中,我们使用 `#` 符号来绑定插槽名称,并将插槽作用域传递给子组件。