无法在 php 文件中调用 javascript 函数（Laravel）

Question

我目前正在使用二维码学习 laravel。我使用从github 获得的代码。当我运行 html 文件时它工作正常。但是当我在 php 文件（Laravel）中添加我的代码时，我得到了一些错误。

错误：

错误异常 (E_ERROR) 调用未定义函数 formatName()（查看：C:\xampp\htdocs\museumadityawarman\resources\views\topups\scan_qrcode.blade.php）

错误指出了我的这部分观点：

<span v-if="camera.id == activeCameraId" :title="formatName(camera.name)" class="active">{{ formatName(camera.name) }}</span>

<li v-for="scan in scans" :key="scan.date" :title="scan.content"><script type="text/javascript">{{scan.content}}</li>

我尝试过改变

{{ formatName(camera.name) }}

到

<script>formatName(camera.name);</script>

这确实修复了错误消息，但我仍然无法获取值。

这是一些 Javascript 代码：

 methods: {
    formatName: function (name) {
      return name || '(unknown)';
    },
    selectCamera: function (camera) {
      this.activeCameraId = camera.id;
      this.scanner.start(camera);
    }   }

谢谢，对不起我的英语不好。

Answer 1

您必须在 {{ formatName(camera.name) }}

之前放置一个 @

@{{ formatName(camera.name) }}

查看 Laravel 文档https://laravel.com/docs/5.6/blade#blade-and-javascript-frameworks：

由于许多 JavaScript 框架也使用“大括号”来指示应在浏览器中显示给定表达式，因此您可以使用 @ 符号来通知 Blade 渲染引擎某个表达式应保持不变

编辑：

因为你看起来像在使用 vue.js，你也可以像这样使用指令 v-text：

<span v-if="camera.id == activeCameraId" :title="formatName(camera.name)" class="active" v-text="formatName(camera.name)"></span>