Ziggy
在 JavaScript 中使用 Laravel route。
webpack.min.js
一、安裝
透過 composer 安裝。composer require tightenco/ziggy
1. Laravel Blade
在 layout Blade 加上@routes
2. Vue
@routes
還是要加,並另外加以下程式:webpack.min.js
resources/js/app.js
- const mix = require('laravel-mix');
- const path = require('path');
- mix
- .alias({
- ziggy: path.resolve('vendor/tightenco/ziggy/dist/vue')
- })
- .vue();
- import { createApp } from 'vue';
- import { ZiggyVue } from 'ziggy';
- window.app = createApp({
- //
- })
- .use(ZiggyVue)
- .mount('#app');
二、設定
config/ziggy.php
- <?php
- return [
- 'only' => [
- 'banners.*',
- 'shopping.*',
- ],
- ];
三、使用
幾乎和 php 寫法一樣。
- // 'https://ziggy.test/posts'
- route('posts.index');
- // 'https://ziggy.test/posts/1'
- route('posts.show', 1);
- route('posts.show', [1]);
- route('posts.show', { post: 1 });
- // 'https://ziggy.test/events/1/venues/2'
- route('events.venues.show', [1, 2]);
- route('events.venues.show', { event: 1, venue: 2 });
留言
張貼留言