在Vue 3的CSS中使用v-bind绑定JS变量报not defined 【框架】Vue 3.2.38 + ant-design-vue 3.2.12 + less 4.1.3 听说Vue 3可以在CSS里面使用JS变量,刚好项目里面需要用到,二话不说,决定尝尝鲜。 但是在使用的时候却遇到一个问题,代码是按照官方示例写的,但是一直没效果,打开控制台查看显示 xxx is not de...
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 ...
如果你想用v-bind()改变css变量-将这个变量设置为组件中的某个 Package 器。如果你想改变:root中的cs...
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 ...
器。如果你想改变:root中的css变量-使用style.setProperty()。我举了三个例子：Vue SFC Playground....