release: v3.0.0-alpha-3060420220922001
编译成小程序，但确实看到编译成了css3变量
复现过程如下
// script 中 const picwidth = ref('100px') // style 中 .pic{ width: v-bind(picwidth) }
2uluyalo1#
是的不生效，复刻下面代码vuejs/rfcs#231在浏览器中有效，但微信小程序中无效
9w11ddsr2#
贴个方法，找了好久没找到试出来了，希望可以帮助到你。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>
2条答案
按热度按时间2uluyalo1#
是的不生效，复刻下面代码
vuejs/rfcs#231
在浏览器中有效，但微信小程序中无效
9w11ddsr2#
贴个方法，找了好久没找到试出来了，希望可以帮助到你。
css 的 background: src(xxx) 使用变量，在 js 中拼接好 url