在 Vue 原生中添加静态镜像资源

Question

我知道，为了在 react native 中添加静态图像资源，图像必须是静态已知的。这是通过以下方式完成的：

var icon = this.props.active
  ? require('./my-icon-active.png')
  : require('./my-icon-inactive.png');
<Image source={icon} />;

在

vue 原生中，就像在 react native 中一样，使用

<image
  :source="{require('./my-icon.png')}"
/>

将不起作用，因为静态图像不是静态已知的。如何在 Vue 原生中使图像静态已知？

Answer 1

在 Vue-Native 中，你需要这样写：

<image
:source="require('./my-icon.png')"
/>

在""之间放置{}