如果我找到一种方法来更改 <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 - 更改作用域 <style> 中的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55992724/