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

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

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

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

Laravel 5

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

Q&A

解決済

1回答

7154閲覧

PHP(Laravel) の boolean 型を vue に渡すには?

ttakahashi2013

総合スコア26

Vue.js

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

Laravel 5

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

0グッド

3クリップ

投稿2018/01/18 08:52

編集2018/01/18 09:13

PHP の boolean 型 true, false を vue の boolean 型に渡すと正しく処理がなされません。Eloquent を用いているため、下記のような cast も考えたのですが、

Laravel

1 protected $casts = [ 2 'invitation_sent' => 'boolean', 3 'registered' => 'boolean', 4 'logged_in' => 'boolean' 5 ]; 6

データベースに対応するカラムというよりも、Eloquent モデル内のメソッドの返り値で true / false を返しているため、当てはまらないように感じます。

Laravel

1 public static function exist($parameters) 2 { 3 if (self::get($parameters)) { 4 return true; 5 } 6 return false; 7 }

現在は下記のようなヘルパーメソッドを使いキャストしてプログラムを通していますが、どのような方法が最も適切でしょうか。ご意見を伺えれば幸いです。

Laravel

1function booleanToString(bool $boolean) 2{ 3 return $boolean ? 'true' : 'false'; 4}

モデル内メソッドの使い方、vueの呼び出しは、blade側で以下のようにしています。

Laravel

1<vue-button 2:is-exist={{ booleanToString(App\Models\CandidateJobStep::exist(['job_id' => $job->id])) }}></vue-button>

ヘルパー関数なしで、スッとスマートにいけたら素敵だなと思う次第です。

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

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

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

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

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

guest

回答1

0

ベストアンサー

PHPのテンプレートデータは、Vue(Javascript)が処理する前段階として単にテキストコードを出力しているだけなので、ヘルパー関数を都度使いたく無い場合は、Bladeビューで表示する際に自動でDecoratorパターンを適用できる以下のライブラリなどの利用が検討できます。
laravel-auto-presenter/laravel-auto-presenter
Laravelでテンプレート用のロジックを整理する方法

投稿2018/01/20 07:08

aro10

総合スコア4106

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

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

ttakahashi2013

2018/01/23 02:07

ありがとうございます! 今回はDecoratorを使わず質問で使ったヘルパー関数で行いましたが、別のケースで使えそうなライブラリですね。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問