如何解决将 prop 从刀片传递给 vue 组件时出现意外标记“{”
我需要将一个变量从刀片传递给 vue 组件，通常我可以做类似的事情
<vue-component :the-prop="{{ blah }}" />
传递 prop 值时。但是，在这种情况下，我试图从 $_SESSION 传递一个值，但我收到无效令牌错误并且不知道如何绕过它。
我试过了：
<vue-component :the-prop="{{ $_SESSION['data'] }}" />
和
<vue-component :the-prop="{{ session('data') }}" />
Invalid expression: unexpected token '{'
如果我像这样对 id 进行硬编码，代码就可以正常工作：
<vue-component :the-prop="3" />
和输入 v-bind:the-prop 没有区别
解决方法
如果您是从刀片模板文件执行此操作，则应删除冒号，以免绑定该值。 Blade 本身应该插入 {{ }} 语法中的变量值，因此 vue 方面不需要绑定。
,在组件中，在属性前加上冒号意味着您希望它由 PHP 直接处理，as described in the documentation。所以，而不是这样：
<vue-component :the-prop="{{ $_SESSION['data'] }}" />
试试这个：
<vue-component :the-prop="$_SESSION['data']" />
或者，更好的是：
<vue-component :the-prop="session('data')" />
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
