在Vue.js的段落中添加img属性

Question

在Laravel中，这有效：

...在AppServiceProvider内部

public function boot()
{
    $content = [
>      '<p>Lorem Ipsum Dolor</p> 
>       <p><img src='img/image.jpg'></p>
>       <p>Lorem Ipsum Dolor</p>'
    ];

    view::share('content', $content);
}

...然后在我的刀片视图中；

<div>
    {!! $content !!}
</div>

请告诉我，我将如何在Laravel中使用Vue.js进行这项工作？谢谢。 （请尊重）

Answer 1

您可以使用v-html伪指令来解析原始HTML。

Official Documentation

<div v-html="{{$content}}"></div>

更改

（确保图像存在） <img src='img/image.jpg'>至<img src="img/image.jpg">

view::share('content', $content);至View::share('content', $content);

在您的AppServiceProvider的顶部添加use Illuminate\Support\Facades\View;