顺风 laravel 分页无法正常工作答案

【问题标题】：Tailwind laravel pagination doesn't work properly顺风 laravel 分页无法正常工作
【发布时间】：2022-03-01 05:05:57
【问题描述】：

所以，我正在使用 laravel 和 tailwind 创建一个项目。使用 paginate() 方法后，然后在视图中使用此代码

@if ($posts->count())
                @foreach ($posts as $post)
                    <div class="mb-4">
                        <a class="font-bold" href="">{{ $post->user->name }}</a> <span
                            class="text-gray-600 text-sm">{{ $post->created_at->diffForHumans() }}</span>

                        <p class="mb-2">{{ $post->description }}</p>
                    </div>

                @endforeach
                {{ $posts->links() }} (this line to create the link to other pages is not working properly)
            @else
                <p>There are no posts</p>
            @endif

分页设计有点奇怪。转到下一页和上一页工作正常。

【问题讨论】：

你在运行npm run dev吗？
使用 {{ $posts->links('pagination::semantic-ui') }} 事情会变得更好，但我在使用时没有箭头。
所以是设计搞砸了，分页本身有效吗？你检查了分页元素吗？他们是否应用了 Tailwind 类？
我试过 npm run dev 和 npm run watch 都没有改变任何东西
分页有效。 foreach 有顺风类

标签： laravel tailwind-css

【解决方案1】：

我遇到了同样的问题。无法修复它，但通过使用找到了解决方法：

php artisan vendor:publish --tag=laravel-pagination

如此处所述： https://laravel.com/docs/8.x/pagination#customizing-the-pagination-view

输出的 resources/views/vendor/pagination/tailwind.blade.php 文件确实有正确的 css 并且看起来不错。

【讨论】：

【解决方案2】：

你可以安装npm i tailwindcss-plugins -D

然后在您的顺风配置中注册插件。

plugins: [
    require('tailwindcss-plugins/pagination')({
        /* ... */
    }),
],

然后你可以在你的刀片中使用它：

{{ $items->links() }}

【讨论】：

【解决方案3】：

我也遇到了同样的问题，用这个命令解决了：

php artisan vendor:publish --tag=laravel-pagination

【讨论】：