Задать вопрос
By_Engine
@By_Engine

Vue 3 experimental attr vars in style not work?

Привет. Ковыряю vue 3. Очень понравилась новая фишка с возможностью передавать данные в блок со стилями в однофайловых компонентах.

Решил использовать это в своем проекте и что-то пошло не так.
Имеем компонент
export default {
  props: {
    val: {
      type: String,
      default: '100px'
    }
  }
}


И блок стилей
<style vars="{ val }" scoped>
  .el {
    height: var(--val);
  }
</style>


Такая конструкция не работает. В инспекторе к элементу добавляется запись вида style="--f948061a-val:40px;"
Но свойство не применяется, потому что не указан id scoped у css переменной (var(--val)).
Если убрать scoped у style то все работает. Это пофиксили? Раньше вроде бы работало

vue 3.0.0
  • Вопрос задан
  • 71 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Stepik
    Игра на Vue.js
    1 неделя
    Далее
  • OTUS
    Vue.js разработчик
    4 месяца
    Далее
  • Skillbox
    Веб-разработчик на PHP
    9 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы