亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將布爾值從 Blade 傳遞到 Vue 組件 Laravel 7?

如何將布爾值從 Blade 傳遞到 Vue 組件 Laravel 7?

PHP
藍山帝景 2023-08-26 19:14:29
我正在嘗試在 Vue 組件中實現IFtrue/false 或 1/0 條件。我瀏覽了一些之前提出的問題,但無法得到它。請幫幫我。IFtrue即使dd給出,條件也不會給出輸出true??刂破鳎ㄎ覈L試了兩種方法,以便我可以使用 true/false 或 1/0 獲得成功,在頁面上的兩種方法中,我都可以使用 dd($isExamAssigned) 獲得 1/0 或 true/false):    dd($isExamAssigned); // here I'm able to get 1 or 0刀片.php:    <quiz-component      :isExamAssigned = "{{$isExamAssigned}}"   ></quiz-component>Component.vue 的代碼部分:props:['isExamAssigned'],data(){    return{            isExamAssigned :this.isExamAssigned,        }這是 IF 條件:<div v-if="isExamAssigned === '1'">                        <!-- Code here for IF -->                    </div>                    <div v-else>                        <!-- Code here for ELSE -->                    </div>我嘗試了不同的方法來獲取值,例如:<div v-if="isExamAssigned === 1"><div v-if="isExamAssigned === true"><div v-if="isExamAssigned">但我無法實施條件。
查看完整描述

4 回答

?
qq_笑_17

TA貢獻1818條經驗 獲得超7個贊

嘗試在 Blade.php 文件中像這樣傳遞 prop

:isExamAssigned="{{ json_encode($isExamAssigned) }}"

這將以布爾格式發送道具。


查看完整回答
反對 回復 2023-08-26
?
慕尼黑的夜晚無繁華

TA貢獻1864條經驗 獲得超6個贊

Himanshu的答案是正確的,也可以寫成這樣:

:isExamAssigned='@json($isExamAssigned)'



查看完整回答
反對 回復 2023-08-26
?
函數式編程

TA貢獻1807條經驗 獲得超9個贊

您將其設置為'1'vue 組件中的字符串值。稍后你再將它與整數、布爾值和布爾值進行嚴格比較。最正確的方法是將其設置為真正的布爾值,如下所示。你的第二種方法會起作用。


$isExamAssigned = DB::table('quiz_user')->where('user_id', $authUser)->where('quiz_id', $quizId)->exists();

現在 PHP 類型很奇怪,如果你打印出來,$isExamAssigned它會打印出 1。你可以嘗試一下{{true}},自己看看結果。為了避免這種情況,請在設置組件時在刀片文件中執行以下檢查。


:isExamAssigned = "{{$isExamAssigned ? 'true' : 'false'}}"

這將使以下 if 語句起作用。


<div v-if="isExamAssigned === true">


<div v-if="isExamAssigned">


查看完整回答
反對 回復 2023-08-26
?
四季花海

TA貢獻1811條經驗 獲得超5個贊

先生的回答是正確的。


您可以通過在模型上設置演員陣容來讓 Laravel 為您進行演員陣容。


// On a model, e.g. App\Models\Exam.php


$casts = ['is_exam_assigned' => 'boolean'];

https://laravel.com/docs/master/eloquent-mutators#attribute-casting


查看完整回答
反對 回復 2023-08-26
  • 4 回答
  • 0 關注
  • 233 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號