Vue v-bind条件本地文件

Question

我有这样的代码：

<img v-bind:src="user.photoUrl ? user.photoUrl : './assets/logo.png'">

但是该目录访问链接的呈现就像一个字符串。

尽管它可以与https://website.com/imageName.png之类的直接链接

一起使用

有什么方法可以使其像目录调用一样呈现？

Answer 1

像这样使用它来使其工作：

<img v-bind:src="user.photoUrl ? user.photoUrl : require('./assets/logo.png')">

Answer 2

<img v-bind:src="user.photoUrl ? user.photoUrl : require('./assets/logo.png')">

或者如果您使用捆绑包（如webpack），则可以

import logo from './assets/logo.png'


<img v-bind:src="user.photoUrl ? user.photoUrl : {logo}">