mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2024-12-09 04:31:35 +08:00
739 B
739 B
无包裹 DOM
如果不需要包裹 DOM,设置 transparent
。(注意,这种情况下只接受一个子节点)
<div>
<n-button @click="theme = 'dark'">深色主题</n-button>
<n-button @click="theme = 'light'">浅色主题</n-button>
</div>
<n-config-provider :theme="theme" :theme-environment="env" transparent>
<n-config-consumer>
<template v-slot="{ themeEnvironment }">
<n-tag>无包裹 DOM:{{ themeEnvironment }}</n-tag>
</template>
</n-config-consumer>
</n-config-provider>
export default {
data () {
return {
theme: 'light',
env: {
dark: '氯化钠',
light: '离子化合物'
}
}
}
}
.n-button {
margin: 0 8px 12px 0;
}