JavaScript Требуется из переменной

Question

Я использую следующее:

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

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

Что дает мне следующую ошибку:

Не удается найти модуль'@/static/images/9.jpeg'

:style="{
    backgroundImage: `url(${require('@/static/images/9.jpeg')})`
}"

Работает как обычно, однако - я не уверен почему?

Для контекста я использую Nuxt JS.

Answer 1

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

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

Изменение значения по умолчанию backgroundImagePath prop, похоже, решило эту проблему.