vue.js - 尝试将翻译键值的 json 从 laravel 刀片传递到 vue.js 时出现问题
问题描述
这是我的翻译文件
return [
"Key1" => "Message 1",
"Key2" => "Message 2",
"Key3" => "Message 3",
"Key4" => "Message 4",
"Key5" => "Message 5",
"Key6" => "Message 6",
"Key7" => "Message 7",
"Key8" => "Message 8",
];
这是 Laravel Blade 中的代码
<profile
v-bind:ErrorMessages= "{
Messages: '{!! json_encode(Lang::get('Profile')) !!}'
}">
</profile>
在上面的组件中,我试图将完整的翻译文件从 laravel Blade 传递给 Vue.js
但是,上面的代码打印了网页中的所有键并扰乱了整个布局。
我是否遗漏了以正确格式将 json 从 laravel 传递到 Vue.js 的任何内容
更新 1
我可以使用以下代码将对象从 laravel 传递给 vue.js。但下面更像是手动输入文件的每个翻译键。
<profile
v-bind:messages= "{
Key1: '{!! trans('Profile.Key1') !!}',
Key2: '{!! trans('Profile.Key2') !!}',
Key3: '{!! trans('Profile.Key3') !!}',
Key4: '{!! trans('Profile.Key4') !!}',
Key5: '{!! trans('Profile.Key5') !!}',
Key6: '{!! trans('Profile.Key6') !!}',
Key7: '{!! trans('Profile.Key7') !!}',
Key8: '{!! trans('Profile.Key8') !!}'
}">
</profile>
解决方案
尝试这个:
<profile
v-bind:ErrorMessages= "'{!! json_encode(Lang::get('Profile')) !!}'">
</profile>
请注意和'
之间的附加信息- 这样您就可以将所需的内容作为字符串传递。"
{
推荐阅读
- javascript - 通过 Chakra React 的简单网站页脚
- python - 将一个字典列表的键和值添加到另一个字典列表
- wpf - WPF 中的 ReactiveUI:RoutedViewHost 无法解析视图
- https - 如何为 Google Action builder 构建外部 HTTPS webhook
- python - NORM PPF 函数 pyspark
- javascript - 在javascript中,我如何在具有相同类的多个div上运行一个函数以获得不同的结果
- javascript - 无法使用javascript显示图像
- mockito - 在 Spring Boot 应用程序中使用 mockito 和 mock-maker-inline 的问题
- python-3.x - gunicorn 烧瓶仅运行一次特定功能,而不是所有工作人员/线程
- sql - SQL模糊匹配查询