我可以在 vue3 的設定功能中從 css 模塊中參考類名嗎？
<script setup>
console.log(this.$style.myClass) // this won't work
</setup>
<style lang="scss" module>
.myClass {
}
</style>
uj5u.com熱心網友回復：
vue-loader$style將屬性（通過__cssModules包裝器物件）注入到組件實體中，可以<script setup>從以下位置訪問getCurrentInstance()：
<script setup>
import { getCurrentInstance } from 'vue'
const { $style } = getCurrentInstance().type.__cssModules
console.log('myClass', $style.myClass)
</script>
演示
但是，請謹慎使用此解決方案，因為__cssModules它是私有/內部屬性，將來可以重命名或洗掉，而不會發出警告。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/426721.html
上一篇：vuejs3多個插件