Me preguntaba si es posible usar llaves para un valor en el segmento de estilo en vue.js.
Por ejemplo
.container { background: url({{ image-url }}; color: {{ color-1 }} }Hay una función experimental para vincular las variables CSS proporcionadas desde el script. Prueba esto:
<template> <div class="text">Lorem ipsum</div> </template> <script> import {ref} from 'vue' export default { setup() { const color = ref('red'); const image = ref('url(https://picsum.photos/200/300)'); return {color} } }; </script> <style vars="{ color, image }"> .text { color: var(--color); background-image: var(--image); } </style>O pruebe la nueva inyección v-bind()