naive-ui/demo/documentation/components/configProvider/zhCN/namespace.md
2020-02-03 19:28:16 +08:00

713 B
Raw Blame History

命名空间(卸载内容的类名)

组件的一部分是卸载在 document.body 上的。如需给这些卸载的元素添加 class使用 Config Provider 的 namespace 属性。打开开发者工具可以看到被卸载的 DOM。

<n-config-provider :namespace="ns">
  <n-tooltip
    placement="bottom"
    trigger="click"
  >
    <template v-slot:activator>
      <n-button
        @click="isActive = true"
      >
        激活含卸载内容的组件
      </n-button>
    </template>
    <span>
      卸载内容
    </span>
  </n-tooltip>
</n-config-provider>
export default {
  data () {
    return {
      ns: 'custom-app-namespace1',
      isActive: false
    }
  }
}