今天遇到了个难题，在次记录一下。
一般我们vue中动态修改一个组件的样式会用 :class :style等方法。
今天我在修改一个组件样式的时候发现覆盖不了原有样式
于是我在style标签中用/deep/修改了一下，发现成功了，但是我必须要动态修改，那么怎么在css中使用vue变量呢？
CSS中原生的变量定义语法是：–，变量使用语法是：var(–)，其中*表示我们的变量名称。关于命名这个东西，各种语言都有些显示，例如CSS选择器不能是数字开头，JS中的变量是不能直接数值的，但是，在CSS变量中，这些限制通通没有，例如：
:root {--1: #369;}body {background-color: var(--1);}
首先在需要动态修改css的父元素或本身添加:style 设置css变量名，并绑定vue一个动态变量
然后在css中使用
到此为止 css中使用变量动态更新完成
背景知识 在用vue+elmentUI写页面时想对部分组件的样式进行自定义，故成此文 步骤一、元素定位 思路： 修改一个元素前必然要找到该元素所在的类；
情景：父组件FatherComponent中使用了子组件ChildComponent，父组件有自己的css文件，子组件也有自己的css文件，在父组件中修改了子组件的样式，但不起
今天遇到了个难题，在次记录一下。 一般我们vue中动态修改一个组件的样式会用 :class :style等方法。 今天我在修改一个组件样式的时候发现覆盖不了原有样式
文章目录 一、去掉 scoped 二、混用本地和全局样式 三、使用深度作用选择器 在使用 vue 的开发中，我们有时会引用外部组件，包括 UI
有的时候，在不同组件之间进行动态切换是非常有用的，比如在一个多标签的界面里：效果如下 ![2020102319164871.gif][] 灰色的两个按钮A,B 用于切换组
想要动态修改css样式就得能动态的给<style></style>赋值，可是<style></style>里面又写不了变量（有可能可以但是我不会。。），所以想了个这种办法，通过
主要还是通过原生的js来控制。 vue的主要开发对象是组件。组件内部控制大家都轻车熟路，但组件外部呢？比如说改变组件外部元素样式。 这种问题我前不久遇到过一个。就是有个页面
切换背景图片 <div class="carlist" :style=imgurl></div> imgurl:{ backgroundImage:
废话不多说直接看代码 height 为动态传入的值（通过data获取） 例子1： 当我们动态修改的值为正数的时候 <view :style="[{ 'mar
╰+哭是因爲堅強的太久メ
比眉伴天荒
野性酷女
骑猪看日落
太过爱你忘了你带给我的痛
还没有评论，来说两句吧...