在 Vue.js 中添加单元格不起作用

Posted 2023-02-22

【中文标题】在 Vue.js 中添加单元格不起作用

【英文标题】：Adding a cell in Vue.js just doesn't work

【发布时间】：2021-11-30 01:47:08

【问题描述】：

我对在 Vue.js 3 + Vite + VueGoodTable 中添加新字段进行了完整搜索，但它不起作用！它显示为空。

我使用了来自指南的代码：https://xaksis.github.io/vue-good-table/guide/advanced/#adding-custom-columns 和来自这个https://jsfiddle.net/marekfilip/jm4ywzor/

使用来自 jsfiddles 的 sn-p 它只显示： [![在此处输入图像描述][1]][1] [1]：https://i.stack.imgur.com/S8xv4.png

对于 jsfiddle，我只更改了新的 Vue：

<script>
    import  VueGoodTable  from 'vue-good-table-next';

    export default(
        components: 
            VueGoodTable
        ,

有什么想法吗？

【参考方案1】：

经过大量搜索后回到 vue-good-table-next 指南并更改了 <template slot="table-row" slot-scope="props"> 致<template #table-row="props">

成功了！ 我想是关于 tu Vue 3 和 vue-good-table-next 的新版本。

抱歉给您添麻烦了。