在img src中要求支持时的相关性错误

Question

最近开始使用Vue.js-CLI之后，我尝试使用作为道具传递到组件的路径在组件中加载一些图片。我注意到它在不需要道具的情况下不起作用，因为显然img组件是在道具加载之前进行评估的。但是，当我使用以下代码时：

DONE 
32

0

0

0

0

我收到以下错误消息：

<template>

  <div id="school">

      <img :src="require('schoolpicpath')" width="100" height="100">

  </div>

</template>

<script>
export default {
  props: [
    'schoolpicpath'
  ]
  }
</script>

显然这不是依赖项。您是否知道我该如何使它清晰或如何以其他方式通过图片路径？