vue3.x useCssModule

阅读 56

2022-02-10

只能在 render 或 setup 函数中使用,允许在函数中访问 CSS 模块。

(1)使用
	<script>
	import { h, useCssModule } from 'vue'
	export default {
	  setup() {
	    const style = useCssModule()
	    style中即可访问css中的选择器,可用于动态操作css
	    
	    return () =>
	      h(
	        'div',
	        {
	          class: style.success
	        },
	        'Task complete!'
	      )
	  }
	}
	</script>

(2)设置style为CssModule
	<style module>
	
	.success {
	  color: #090;
	}
	
	</style>

精彩评论(0)

0 0 举报