css - Vue - 更改作用域 <style> 中的内容?

标签 css vue.js

如果我找到一种方法来更改 <style> 的内容,那就太好了使用一些 Vue 变量阻止我的 Vue 组件。

关于此的常见问题和解答涉及使用内联样式,或使用 javascript 访问 .style属性,但我希望像这里的这个问题一样更改 slider 轨道和伪元素:.slider::-webkit-slider-thumb needed in javascript

如果官方的Vue位置是​​<style> s 是静态的,等等 - 其他人是否希望他们拥有类似 <style scoped dynamic> 的系统?样式表的内容在哪里可以用Vue控制?

最佳答案

我能够根据这个答案 ( How to override scoped styles in Vue components? ) 获得工作结果,父组件使用非作用域,它的选择器超过了子组件样式的重要性。 正如答案所说,使用“#app”作为选择器的开头就可以完成这项工作 - 对我来说,绊脚石只是向父组件添加一个非作用域样式 block 。

但是它不是那么通用,我想了解“将样式放入 JS”是什么意思,以及它是否还会提供覆盖伪元素样式的方法。

关于css - Vue - 更改作用域 &lt;style&gt; 中的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55992724/

相关文章:

html - 仅 CSS 下拉菜单 - CSS3 过渡

css - 良好的默认背景图像类型和大小

javascript - 如何修复 'Access to XMLHttpRequest has been blocked by CORS policy' 重定向不允许预检请求只有一条路线

javascript - Vue CLI 3 sass-resources-loader - Options.loaders undefined

javascript - 如何在 vue.js 中使用监听器捕获 Google map 事件

javascript - 如何根据文本输入的值动态更改(或至少缩小)文本输入的宽度?

html - 如何添加视频并在上面写字?

html - 带有背景图像和圆 Angular 的底部斜线

vue.js - 让 WebStorm 了解全局注册了哪些 vue 组件

vue.js - 数组内对象的 VueJS react 性问题