N-Tree是Naive UI中的一种树形结构组件,它可以用于展示具有层级关系的数据。具体的使用方法如下: 1.安装Naive UI和Vue: ```shell npm install naive-ui vue@next ``` 2.在Vue项目的入口文件(通常是main.js)中引入Naive UI和N-Tree组件,并注册到全局: ```javascript import { createApp } from 'vue' im...
FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持7个UI框架,适配移动端,并且支持生成任何 Vue 组件。内置20种多常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
Naive UI 支持 tree shaking,组件、语言、主题均可 tree-shaking。 默认情况组件主题为亮色,语言为英文,无需额外导入。 了解更多关于主题设定的信息,参见调整主题。 手动引入 import{ defineComponent }from'vue'import{NConfigProvider,NInput,NDatePicker,NSpace}from'naive-ui'// themeimport{ createTheme, input...
naive-ui 的 tree 组件有异步加载的功能,但是当勾选的父节点还没有加载子节点时候控制台上会报错:Uncaught Error: SubtreeNotLoadedError: checking a subtree whose required nodes are not fully loaded.要如何解决这个问题?比如我可以自己写代码检测当勾选的节点还没有初始化的话就先初始化再勾选 ...
失去 tree-shaking 的能力，打包有冗余代码。如果你想全局安装但是不想安装全部组件，请参考按需引入。import { createApp } from 'vue'import naive from 'naive-ui'const app = createApp(App)app.use(naive)安装后，你可以这样在 SFC 中使用全部组件。<template> <n-button>naive-ui</n-button></...
### 摘要 Naive UI 是一个基于 Vue 3 框架并完全采用 TypeScript 编写的组件库,提供了超过70个组件来满足多样化的开发需求。其不仅支持使用 TypeScript 构建,确保了类型安全,还拥有先进的主题系统,允许开发者轻松定制主题。此外,Naive UI 包含了如 select 和 tree 这样的常用组件,极大地简化了开发流程。 ### ...
按需引入(Tree Shaking) 默认情况组件主题为亮色,语言为英文,无需额外导入。 import{ defineComponent }from'vue'import{NConfigProvider,NInput,NDatePicker,NSpace}from'naive-ui'// themeimport{ createTheme, inputDark, datePickerDark }from'naive-ui'// locale & dateLocaleimport{ zhCN, dateZhCN }from'nai...
<n-button type="error"> Error </n-button> </n-space> </template> 看到下图页面就证明集成成功了 配置方式十分简单,配置完我们就可以无需引入直接使用Naive UI的任意组件了(不过有几个基础组件使用会稍微麻烦点,下面会讲到) 修改主题色 Naive UI 提供了多种调整主题色的方式,下面介绍其中一种方式,有其他...
Naive UI特性 比较完整。有超过 70 个组件，希望能帮你少写点代码。它们全都可以 treeshaking。主题...
Naive UI 全量使用 Typescript 编写,和你的 Typescript 项目无缝衔接。 顺便一提,你不需要导入任何 CSS 就能让组件正常工作。 不算太慢 我尽力让它不要太慢。至少 select、tree、transfer、table、cascader 都可以用虚拟列表。 顺便一提,...,没有顺便了。祝你使用愉快。