Subscribe on changes!

css v-bind can't work in vue-cli

avatar
Feb 18th 2024

Vue version

behavior unmatch from vue3.4.8-3.4.9!

Link to minimal reproduction

Null, Electron

Steps to reproduce

env: vue:3.4.19. vue-cli last version.

  • define w=ref(300) in helloword.vue component
  • use v-bind(w+'px') in css stype

What is expected?

hope height change in html, Vite Repl can work, but vue-cli can't work!

What is actually happening?

var doesn't defined

System Info

No response

Any additional comments?

I tested the VUE version, 3.4.8 can work correctly, 3.4.9 can't work, the custom css style missing, then the var is undefined. 3.4.9(X): image 3.48 (ok): image

avatar
Feb 18th 2024

I found the commit, seems the change will effect work behavior in electron, relative issue, #10278 . the commit effect it?,https://github.com/vuejs/core/commit/bceccf9e21ea13c20c096cb352f0bed5ada52f1d

avatar
Feb 21st 2024

Can't reproduce. Please provide a runnable reproduction.