听说Vue 3可以在CSS里面使用JS变量,刚好项目里面需要用到,二话不说,决定尝尝鲜。 但是在使用的时候却遇到一个问题,代码是按照官方示例写的,但是一直没效果,打开控制台查看显示 xxx is not defined。 报错图 反复检查了代码,确认变量已经在JS里面定义了,而且代码写的也没问题,于是又上网查找其他答案。有的说是需要...
export default { /* 略 */ setup(props) { return { props }; } } .download-btn { width: v-bind('props.width'); height: v-bind('props.height'); color: v-bind('props.color'); background-color: v-bind('props.bgColor'); /* 略 */ } 有用1 回复 蓓蕾心晴: 试了return ...
是的不生效,复刻下面代码 vuejs/rfcs#231 在浏览器中有效,但微信小程序中无效
如果你想用v-bind()改变css变量-将这个变量设置为组件中的某个 Package 器。如果你想改变:root中的cs...
如果你想用v-bind()改变css变量-将这个变量设置为组件中的某个 Package 器。如果你想改变:root中的...
您的代码应该与Vue3工作正常,我没有看到任何问题,在动态样式绑定。
{ click } } } .download-btn { width: v-bind('props.width'); height: v-bind(height); color: v-bind(color); background-color: v-bind('props.bgColor'); font-size: 20px; display: flex; justify-content: center; align-items: center; border-radius: 15px; .showline(1); } ...
3.6.5 的时候这两种都可以使用吗?