Laravel blade + vue render ajax 数据耦合？

Question

我想用blade + vue写ajax渲染新闻

<div id="news">
    <div class="l_news">
        <div class="post" v-for="post in posts">
            <div class="image" style="background: url({{ asset('images/car.jpg') }}) no-repeat center / cover">
                <div class="title">@{{ post.title }}</div>
            </div>
            <div class="desc">@{{ post.desc }}</div>
        </div>
    </div>
</div>

我在渲染 post 图像时遇到一些问题。

但是我不会用

url({{ asset('@{{ post.image }}') }})

如何正确书写？

现在我正在使用 :style="".

提前致谢！

Answer 1

您不能在 v-for 中调用 php 函数，因为它超出了您的上下文。

但也许您可以执行以下操作：

:style="'background: url({{url('/images')}}" + '/' + post.image"

只需将图像名称附加到您的 url。

Laravel blade + vue render ajax 数据耦合？

Laravel blade + vue render ajax data couple?

php

ajax

vue.js

laravel-5

laravel-blade