我尝试将vue-material样式应用于活动菜单选项;以下效果很好:
<style lang="scss" scoped>
@import '~vue-material/dist/theme/engine.scss';
.md-list {
.md-selected,
.router-link-active{
.md-list-item-text {
color: md-get-palette-color(blue, A200)
}
}
}
</style>
我试图让下面的内容工作,因为它会考虑选定的主题颜色,但不会导致任何明显的变化:
<style lang="scss" scoped>
@import '~vue-material/dist/theme/engine.scss';
.md-list {
.md-selected,
.router-link-active{
.md-list-item-text {
@include md-theme-component() {
color: md-theme(primary);
}
}
}
}
</style>
它不会导致任何错误,但似乎根本不起作用 - 任何想法我可能做错了什么?谢谢!