[Laravel] 在 component 中傳遞變數到 js 框架

分享:

之前提到 Laravel 建立 component 後傳遞變數進去的方法,但如果遇到一些 js 的框架像是 Alpine.js,也會是透過一樣的方法傳遞變數,就會造成衝突,這時在 Laravel 的 blade 只要用 :: 就可以了。

比如我們在 component 這樣寫,後面要傳變數到 js 框架的 class:

<x-button ::class="{ danger: isDeleting }">
    Submit
</x-button>

 

當 render 出來時就會變成這樣:

<button :class="{ danger: isDeleting }">
    Submit
</button>

就可以把變數帶給 js 的框架了。

 

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。

社團 社群