naive-ui/demo/documentation/components/message/zhCN/aboutTheme.md
2020-02-08 13:41:40 +08:00

660 B

关于主题的注意事项

无论你在什么位置调用 this.$NMessage 来生成一个信息,如果你不明确指明主题,被创建信息的主题会遵从这个组件最靠外层的一个祖先 Config Provider 的主题。因为如果调用信息的主题和当前组件主题一致的话可能会造成混乱。

<n-button @click="emitInfo">
  你可以在 Message 还在的时候切换主题
</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 }
      )
    }
  }
}