10 Mar 2021
如果不想要在進入 Vue 頁面後執行 API 取值的話,也可以把第一次的值傳到 Twig 樣版中,然後用 VueJS 讀取在 Twig 樣版中的值

如果不想要在進入 Vue 頁面後執行 API 取值的話,也可以把第一次的值傳到 Twig 樣版中,然後用 VueJS 讀取在 Twig 樣版中的值。

下圖區分 new.html.twig 新增頁面和 edit.html.twig 修改頁面,使用的是相同的 Form,所以可以引用相同的 _form.html.twig 頁面

在 Twig 樣版 _form.html.twig 中使用 HTML5 data attribute 方式賦值

然後在 Vue JS 中取得 Twig 所設定的值

然後就可以在 Vue JS 樣版中使用了

Tags: #VueJs

回上一頁