naive-ui/demo/documentation/components/configConsumer/enUS/basic.md
2019-11-09 22:45:07 +08:00

26 lines
588 B
Markdown

# Basic
```html
<n-config-consumer
@theme-change="handleThemeChange"
@namespace-change="handleNamespaceChange"
>
<template slot-scope="{ theme, namespace }">
<div>
<div>theme: {{ theme }}</div>
<div>namespace: {{ namespace }}</div>
</div>
</template>
</n-config-consumer>
```
```js
export default {
methods: {
handleThemeChange (value, oldValue) {
this.$NMessage.info('Theme Change: `' + value + '` theme')
},
handleNamespaceChange (value, oldValue) {
this.$NMessage.info('Namespace Change: `' + value + '` namespace')
}
}
}
```