尝试将 json 的翻译 key-value 从 laravel blade 传递到 vue.js 时出现问题

Question

这是我的翻译文件

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

我可以使用以下代码将 object 从 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>

Answer 1

看来你需要传递一个对象给:messages

我对Laravel不是很熟悉，请尝试以下选项：

<profile messages='{!! json_encode(Lang::get("Profile")) !!}'></profile>

或

<profile :messages="{!! json_encode(Lang::get('Profile')) !!}"></profile>

Answer 2

试试这个：

<profile
    v-bind:ErrorMessages= "'{!! json_encode(Lang::get('Profile')) !!}'">                                
</profile>

注意 " 和 { 之间的附加 ' - 这样您就可以将您想要的字符串作为字符串传递。

尝试将 json 的翻译 key-value 从 laravel blade 传递到 vue.js 时出现问题

Issue while trying to pass json of translation key-value from laravel blade to vue.js

vue.js

laravel-5.6

laravel-5.7

laravel-5.8

更新 1