[英]how to pass variables from server to app.js? Laravel + Vue
我想使用的插件让我们在 app.js 中的插件声明中定义变量
Vue.use(AirbnbStyleDatepicker, {monthNames: [
'January',
'February',
'March',
'April',
'May',
'June',
'Julyyy',
'Augusttt',
'September',
'October',
'November',
'December',
],});
但是我的网站几乎没有在服务器中管理的语言环境,我通常对 laravel 中的变量进行编码并将它们作为道具传递。 在这种情况下,这不起作用。 我没有找到如何使用组件中的选项初始化插件,那么解决这个问题的方法是什么?
您可以在视图中加载“app.js”之前定义 javascript 数组。 然后将其作为 const 放入 app.js 中。
在插入 app.js 之前查看:
<script type="text/javascript">
const trans_month = {{getTransMonths()}}
</script>
然后在你 app.js
Vue.use(AirbnbStyleDatepicker, {monthNames: trans_month,});
或者您可以使用 ajax 调用服务器,这将返回翻译月份的数组
刚刚找到了一种解决方案,但也许还有更好的解决方案?
JavaScript::put(['langs' => [
july => __('configname.july'),
august => __('configname.august')
]])
Vue.use(AirbnbStyleDatepicker, {monthNames: [
'January',
'February',
'March',
'April',
'May',
'June',
window.langs['july'],
window.langs['august'],
'September',
'October',
'November',
'December',
],});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.