时间戳

首页 > 解决方案 > 无效的表达式：vue js中的意外标识符

laravel - 无效的表达式：vue js中的意外标识符

问题描述

我在将紧凑数据从控制器发送到 vue 组件作为道具时遇到问题。

刀片文件的代码：

<div id="hotjob">
    <hotjob-component :projects="'{{ json_encode($Projects) }}'"></hotjob-component>
</div>

我也尝试过，{!! json_encode($Projects) !!但它仍然无法正常工作。

Vue文件的代码：

props: ['projects'],
created()
{

    console.log('From On created');
    console.log(this.projects);
},
mounted()
{
    console.log(this.projects);
    console.log('Hot Job Mounted yeah');
}

这是我得到的错误：

无效的表达式：意外的标识符

标签： laravelvue.js

解决方案

尝试删除单引号

    <div id="hotjob">
     <hotjob-component :projects="{{ json_encode($Projects) }}"></hotjob-component>
    </div>

像这样。

推荐阅读