Vuejs2 动态创建资产的路径

问题是，如果资产的路径和资产名称作为道具传递，如何让Vue为资产呈现正确的路径

说明：
使用Vue组件时。。。如果传入包含要加载的资产的路径和文件名的道具

export default{
   name: 'NewComponent',
   props: ["path","file"],
   computed:{
      calculateCompletePath (){
         return this.path+""+this.file;
      }
   }
}

如果以如下方式使用上述内容：

<template>
  <div>
     <video>
        <source :src="calculateCompletePath" type="video/mp4"/>
     </video>
  </div>
</template>

如何使src部分正确呈现？例如，Vue生成自己的字符串，引用媒体文件夹

/媒体/电影.6ac43bcf.mp4

---

旁注：
我在某个地方读到过，可以使用

require（）

，但如果在computed函数上使用，则这似乎不起作用，例如

返回require（this.path+“”+this.file）


关于如何解决静态资产的详细说明，请参阅本文档：

我认为问题在于您的资产（在本例中是mp4文件）不在计算机的
/media
文件夹中

要更好地理解，请参见以下三点：


如果您的
媒体
文件夹位于根文件夹下（
/
），则计算值
/media/movie.6ac43bcf.mp4
将起作用
如果您的
media
文件夹位于应用程序的
src
文件夹下，您的计算属性应返回
@/media/movie.6ac43bcf.mp4
如果您的
媒体
文件夹在其他地方，则应使用
@/
或
/
符号创建正确的路径以正确访问文件
mp4文件在文件夹结构中的位置？它是在
src
文件夹下还是在其他地方？