v-bind 在css中使用不生效

[gyhyfj]

release: v3.0.0-alpha-3060420220922001

编译成小程序，但确实看到编译成了css3变量

复现过程如下

// script 中
const picwidth = ref('100px')

// style 中
.pic{
  width: v-bind(picwidth)
}

[miwei230]

是的不生效，复刻下面代码
vuejs/rfcs#231
在浏览器中有效，但微信小程序中无效

[deepthan]

贴个方法，找了好久没找到试出来了，希望可以帮助到你。
css 的 background: src(xxx) 使用变量，在 js 中拼接好 url

<script setup lang="ts">
const imgUrl = ref(
  'url(https://p3-passport.byteimg.com/img/mosaic-legacy/3795/3047680722~180x180.awebp)'
)
</script>

<style lang="less" scoped>
.compass {
  background: v-bind(imgUrl);
}
</style>