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
  • Вопрос задан
  • 56 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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