JavaScript要求来自变量

我正在使用以下命令：

props: {
    backgroundImagePath: {
        type: String,
        required: true,
        default: '@/static/images/9.jpeg'
    }
}

:style="{
    backgroundImage: `url(${require(backgroundImagePath)})`
}"

这给了我以下错误：

找不到模块“@/static/images/9.jpeg”

正常工作，但我不知道为什么

对于上下文，我使用NuxtJS

 props: {
    backgroundImagePath: {
        required: true,
        default: require('@/static/images/9.jpeg')
    }
 }

 :style="{
     backgroundImage: `url(${backgroundImagePath})`
 }"

---

更改

backgroundImagePath

prop默认值似乎可以解决这个问题。

我不知道答案，但我注意到url周围没有背景标记，在第一种情况下。这是发帖时的格式错误-我编辑了帖子-谢谢。第一个示例中定义的

backgroundImagePath

在哪里？我编辑了帖子以更新信息

 props: {
    backgroundImagePath: {
        required: true,
        default: require('@/static/images/9.jpeg')
    }
 }

 :style="{
     backgroundImage: `url(${backgroundImagePath})`
 }"