Как в PUG + NUXT вставлять background image?

Question

[Igor Koch]

Использую nuxt (ssr в vue), появилась необходимость вставить картинку инлайном:

div.uk-section-media(style='background-image: url(~assets/img/logo.png)') //Не работает
  img.logo(src='~assets/img/logo.png', alt='Nuxt.js Logo') //Работает

Nuxt парсит ссылки c тильдой, но в style их не видит, как правильно их прописывать?

Answer 1

[Igor Koch]

:style="{'background-image': 'url(' + require('~/assets/img/logo.png') + ')' }"

Answer 2

[nofuture trustnoone]

This
В простом шаблонизаторе это выглядело бы так, то есть биндить на атрибут, а в скобках происходит конкатенация символов.