質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Blade

Bladeとは、 PHPフレームワークのLaravelで使用することができるテンプレートエンジンです。テンプレートの継承とエスケープ機能を提供します。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

1回答

2324閲覧

Bladeのdelimiterの中でVueのdelimiterを使いたい

aboy

総合スコア7

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Blade

Bladeとは、 PHPフレームワークのLaravelで使用することができるテンプレートエンジンです。テンプレートの継承とエスケープ機能を提供します。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

0クリップ

投稿2016/08/24 11:33

編集2022/01/12 10:55

###前提・実現したいこと
Laravel5.2 + Vue.js

LaravelのBladeテンプレートで利用するdelimiter {{}} のなかで、Vueで利用するdelimiter (%%) を使いたい

※あらかじめVueのdelimiterは Vue.config.delimiters = ['(%', '%)']; でカスタマイズしてあります

###発生している問題・エラーメッセージ

構文エラー

###該当のソースコード

Bladeは以下のようになっていて、Vue側でblades変数を定義しています。
またLarabelのrouteヘルパーを利用しています。

html

1<li v-for="blade in blades"> 2 <a href="{{ route('index', ['bladeId' => (%blade.id%)]) }}"></a> 3</li>

###試したこと

こんなことしてみましたが当然構文エラー

html

1<a href="{{ route('index', ['bladeId' => }} (%blade.id%) {{ ]) }}"></a>

なにか不足などありましたらお申し付けください。
よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

エラーの原因自体は値をクォーテーションで囲っていないことだと思うのですが、
適切に渡したとしても記号部分はエンコードされてしまうので、期待どおりの
出力になはらないかもしれません。

html

1<a href="{{ route('index', ['bladeId' => '(%blade.id%)']) }}"></a> 2path?bladeId=%28%25blade.id%25%29

Vue部分を外に置くのが一番手早い予感。

html

1<a href="{{ route('index', ['bladeId' => '']) }}(%blade.id%)"></a> 2path?bladeId=(%blade.id%) 3 4<a href="{{ route('index') }}?bladeId=(%blade.id%)"></a> 5path?bladeId=(%blade.id%)

投稿2016/08/26 15:18

nnssn

総合スコア1221

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問