0
点赞
收藏
分享

微信扫一扫

vue3.x useCssModule

左小米z 2022-02-10 阅读 56
只能在 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 条评论