mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
929 B
929 B
关于主题的注意事项
无论你在什么位置调用 this.$NMessage
来生成一个信息,如果你不明确指明主题,被创建信息的主题会遵从这个组件最靠外层的一个祖先 Config Provider 的主题。因为如果调用信息的主题和当前组件主题一致的话可能会造成混乱。
<n-button @click="emitInfo" style="margin: 0 8px 12px 0;">
你可以在 Message 还在的时候切换主题
</n-button>
<n-button @click="emitLoading">
指明深色主题
</n-button>
export default {
data() {
return {}
},
methods: {
emitInfo () {
this.$NMessage.info(
"I don't know why nobody told you how to unfold your love",
{ duration: 5000 }
)
},
emitLoading () {
this.$NMessage.info(
"I don't know why nobody told you how to unfold your love",
{ duration: 5000, theme: 'dark' }
)
}
}
}