在Laravel刀片上使用PHP模板引擎_Php_Laravel_Vue.js

在Laravel刀片上使用PHP模板引擎

php laravel vue.js

在Laravel刀片上使用PHP模板引擎,php,laravel,vue.js,Php,Laravel,Vue.js,我正在调用div标签上的v-for事件来创建 html（Laravel刀片）： @逐字逐句 @逐字结束浏览器输出：如您所见，{{result.name}}正在工作，{{result.id}没有输出任何内容我尝试使用{{result.id}}。但不起作用将代码更改为类似以下内容： @verbatim <div class="category-item" v-for="result in results" :value="result.id"> <a cl

我正在调用div标签上的

v-for

事件来创建


html（Laravel刀片）：
@逐字逐句
@逐字结束

浏览器输出：

如您所见，{{result.name}}
正在工作，{{result.id}
没有输出任何内容
我尝试使用{{result.id}}。
但不起作用
将代码更改为类似以下内容：
@verbatim
    <div class="category-item" v-for="result in results" :value="result.id">
    <a class="button-product-info-s" href="/product/@{{ result.id }}"/>@{{ result.name }}</a>
    </div>
@endverbatim

@逐字逐句
@逐字结束
您是否尝试将href属性更改为：href=“'/product/'.result.id”

或者使用+运算符而不是。
如果您使用@verbatim
，则不必在每个Blade echo语句前面加上@
symbol前缀:value=“result.id”
有效吗？@Kabelbaan是的，您没有尝试将href属性更改为：href=“/product/”.result.id”？或使用+运算符而不是。检查错误控制台。IIRC，Vue现在拒绝在HTML属性中进行变量插值。@Kabelbaan谢谢你，请回答这个问题，并为此获得积分！
@verbatim
    <div class="category-item" v-for="result in results" :value="result.id">
    <a class="button-product-info-s" href="/product/@{{ result.id }}"/>@{{ result.name }}</a>
    </div>
@endverbatim