如何将 Vue.js 变量输入 php 函数？

Question

我有一个 Laravel 5.1 项目，我正在尝试改进它，现在将一些功能迁移到 Vue.js 以使其更具交互性和内容。

在我看来我有

<img src="{{ file_storage_path($product->path) }}" alt="{{$product->name}}"/>

这是使用 Laravel 的 blade 的默认实现。

现在，当我将其委托给 Vue.js 时，我会得到类似这样的东西

<img src="{{ file_storage_path(product.path) }}" alt="@{{product.name}}"/>

但这当然失败了。所以我需要两者 - 调用 php-function 并同时呈现 Vue 数据。

我试过了

src="{{ file_storage_path( @{{product.path}} ) }}"

但这当然也失败了。有什么建议吗？

Answer 1

因为我找不到同时内联 blade 语法和 Vue.js 变量渲染的方法，我看到解决方案是首先调用 php 函数，然后附加 Vue.js渲染它。

因此，解决方法是

 <img :src="'{{ file_storage_path('/') }}' + image.path" alt="@{{product.name}}" />

此解决方案仅适用于特定情况，当 php 函数实际上需要接受 Vue 变量时，它无法回答我最初的问题。但在这种情况下，我可以简单地附加值。