NaiveUI

naiveui 上传图片遇到的坑 Upload

我在开发图片上传功能,需要手动触发上传但是我调用它内部自定义submit方法,结果接口一直在报错400我反反复复的测试了好就,确定了就是我前端的问题,因为之前一直在做后端的错误排查,以为是编译问题(因为之前也出现过这个问题)好,我把其中一个参数类型改为String类型,因为我看到我这边有传一个null过来看我一开始的类型是LongLong是包装类是可以存在null的为什么会报错400类型不对?结果

长而不宰·2024-02-08 17:10

基于Naive UI封装的loading自定义指令

NaiveUI是一个Vue3的组件库。

小木木爸·2024-02-08 10:35

NaiveUI安装及使用

1、安装UI组件库naive-uiyarnaddnaive-ui2、全局按需引入在src下新建uitls目录并添加uaiveUI.ts//src/utils/naiveUI.tsimport{create

QmagicianRX·2024-02-05 15:12

vue3+naiveUI二次封装的v-model 联动输入框

根据官网说明使用源码{{placeholder}}/***@author全易*@time2022-10-1113:08:46星期二*@description自定义输入框组件**/exportdefault{name:'ClwInput',props:{placeholder:{type:String,default:'',},//父组件v-model绑定的值modelValue:{type:Str

美酒没故事°·2024-01-28 12:24

【vue3】setup语法糖 - 命名空间组件

/form-components'label看了一下主流的vueUI组件库，比如：ElementPlus、AntDesignVue、NaiveUI其实都没有相关的组件，但

无知的小菜鸡·2024-01-20 13:48

将elementUI，NaiveUI的progress环形进度条设置为渐变色

效果图：NaiveUI和elementUI的官方progress组件都是只能设置一种颜色，不符合需求所以改一下。

喜陈·2023-12-26 06:08

NaiveUI使用LoadingBar组件

这个进度条可以接口请求可以路由跳转以及局部进度条路由进度条/接口请求路由（引入调用）import{createDiscreteApi}from'naive-ui'const{loadingBar}=createDiscreteApi(['loadingBar'])//设置前置路由守卫router.beforeEach((to,from,next)=>{//路由中导入-开始loadingBar.st

靠着蓝色背景幻想·2023-12-25 17:52

解决Naive UI使用了固定列和scroll-x后，数据表格撑开容器

其实这个问题的解决方法是共通的，不多说，先看修复后的例子：顶部的蓝色为30vw宽度的容器，下方是一个NaiveUI的标签页，里面放了一个数据表格。

奋斗的烧饵块·2023-12-24 09:00

Naive UI 搭配Tailwind CSS 出现按钮变白，样式冲突，不兼容的解决

TailwindCSS的预热样式默认会替换NaiveUI的样式导致出现冲突，主要有：按钮底色变成白色、按钮涟漪出现绿边、字体异常等，在最新的V3版本tailwindcss解决很简单，Preflight关闭即可

奋斗的烧饵块·2023-12-15 18:15

好物周刊#31：在线格式转换

一、项目1.SoybeanAdmin一个基于Vue3、Vite3、TypeScript、NaiveUI、Pinia和UnoCSS的清新优雅的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主

村雨遥·2023-11-26 21:37

Vue3+Vite+Pinia+Naive后台管理系统搭建之四：Naive UI 组件库的安装和使用

UI组件请参考官网：NaiveUi官网为什么选择naiveui不继续用elementui，因为尤大大推荐，可以尝试下，而且naiveui更贴近vue3的语法，当然易上手还是elementui好一点。

yqcoder·2023-11-07 02:30

Vue3+TS 任意vue组件中变更NaiveUI 全局组件语言

上一篇《Vue3+TSi18n插件使用与配置》文章，我们已经有了一个i18n.global.locale.value参数，它可以设置和获取当前语言，那么我们可以在NaiveUI全局配置初始化的时候就赋值

煮茶忘放糖·2023-11-05 16:54

vue3 + typescript + vite + naive ui + tailwindcss + jsx 仿苹果桌面系统

基于vue3.x+typescript+vite+naiveui+tailwindcss+jsx+vue-router+pinia，项目使用tsx作为模版输出，全程没有使用vue提供的SFC，仿macos

shareloke·2023-10-09 15:42

基于Vue3和Typescript的开源项目，供大家参考学习(Ts+vite+pinia+unocss+naiveui+vueuse)

whiteboard团队协作工具简介whiteboard是一个基于Vue3、Vite3、TypeScript、NaiveUI、Pinia和UnoCSS的团队协作工具特性看板：自定义展示任务关键信息，灵活排序和调整看板分组

我一直在路上·2023-10-08 17:43

vue3 修改naiveui node_modules相关源码

问题：假如naiveui源码中方法和其他三方引入的方法冲突时，如何解决？

web老张头·2023-10-07 22:54

vue3 naiveui 自定义v-loading指令

1.在sr目录下创建loading文件夹,包含index.ts和index.vue2.index.tsimport{render,VNode,createVNode}from'vue'importLoadingfrom'./index.vue'constvnode:VNode=createVNode(Loading)asVNodeexportconstvLoading={//在绑定元素的父组件及他

1217212146·2023-09-26 09:56

解锁前端Vue3宝藏级资料第四章 VUE常用 UI 库 1 ( element-plus,Ant ,naiveui,ArcoDesign)

现在常用的前台UI分别是以下几种，我们将从中间选择介绍几个主流的UI的用于后台的系统搭建与开发。AntDesignVueelement-plusnaiveuiArcoDesignBootstrapVueBuefyChakraUIFramevuerkOrugaTachyonsTailwindCSSNutUIVantVuetify.js第一章Vue3项目创建1VueCLI创建vue项目第一章Vue

Zht_bs·2023-09-10 23:49

naiveui | select下拉选择自定义选项渲染

import{h,VNode,ref}from'vue'import{SelectRenderLabel,NTag,NTooltip,SelectOption}from'naive-ui'constselectValue=ref(null)constsourceOption=ref(Array.from({length:10},(j,i)=>{return{label:`数据${i+1}`,val

杨贵妃会飞飞飞·2023-09-09 06:05

naiveui | 数据表格超长文字省略处理

一、设置ellipsis使用数据表格DataTable组件的省略设置ellipsis，但是如果内容过长的情况下，会溢出consttextColumns={key:'uie_content',title:'文本',ellipsis:{tooltip:true,},},二、自定义省略内容的宽度1、方式一key:'uie_content',title:'文本',ellipsis:{tooltip:{sc

杨贵妃会飞飞飞·2023-09-09 06:04

vue naive ui 按钮绑定按键

使用vue(naiveui)绑定Enter按键知识点:按键绑定Button全局挂载使得message,notification,dialog,loadingBar等NaiveUI生效UMD方式使用vue

Magicapprentice·2023-08-28 21:01

基于vue3.2+ts实现的svg可视化web组态编辑器。可无需修改代码动态添加组件、自定义拓展组件参数

可无需修改代码动态添加组件、自定义拓展组件参数当前主分支版本为3.0,该项目基于vue3.2+ts开发,ui使用了naiveui本文图片挂了请点此查看预览地址http://svg.yaolm.top（请使用版本新一点的浏览器

咬轮猫·2023-08-11 22:47

解决Naive UI和Tailwindcss样式覆盖问题【日常记录，可供参考】

当项目中同时使用到NaiveUI和Tailwindcss时，出现了样式覆盖问题，Tailwindcss样式直接将NaiveUI样式覆盖导致无法正常使用::解决方案方式一在main.js/main.ts文件中添加以下代码

^Being^·2023-08-07 04:57

vue3 集成 Element-Plus之全局导入/按需导入

，而element-plus是element-ui针对于vue3开发的一个UI组件库；它的使用方式和很多其他的组件库是一样的，所以学会element-plus，其他类似于ant-design-vue、NaiveUI

摆烂打咩·2023-08-06 12:42

naive ui 数据表格操作加入两个按钮解决办法

问题：vue3+naiveui的table表单中操作加入两个按钮，官方没有示例，自己研究出了个办法解决办法参考tags多项放到一个列中的方法1、先声明一个数组，存储要放的按钮信息constactionsArr

uglyduckling0412·2023-08-03 01:10

爆改vue3 setup naiveui可编辑table

使用naiveui官网的可编辑table总是报错，所以手写了一个思路：table数据数组unitMsgArr对应一个布尔的数组isEditArr，点击table可编辑的行数据的时候，更改对应的isEdit

uglyduckling0412·2023-08-03 01:06

进击的王十二·2023-07-27 14:05

【开源项目】低代码数据可视化开发平台go-view

它的技术栈为：Vue3+TypeScript4+Vite2+NaiveUI+ECharts5+Axios+Pinia2+PlopJS在线预览账号:admin密码:admin预览地址:https://demo.mtruning.club

八哥声动视界·2023-07-26 08:08

Soybean Admin - 基于 Vue3 / vite3 等最新前端技术栈构建的中后台模板，免费开源、清新优雅，主题丰富

关于SoybeanAdminSoybeanAdmin是一个基于Vue3/Vite3/TypeScript/NaiveUI/Pinia和UnoCSS的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主题配置

那些免费的砖·2023-07-25 22:27

Vite+Vue3+NaiveUI+Pinia搭建一套优雅的后台管理模板，真香

趁着春节放假，完善了一下春节前自己搭建的后台管理模板的文档，在完善文档的同时又删改了部分不是bug的代码，讲真，有强迫症和代码洁癖的我搭建这套模板的进度属实是有点慢了，但是终究还是完成了，尽管这是第一个版本首先申明，这个模板参考了多个流行的Vue3后台管理模板，主要是VbenAdmin，毫无疑问这是一个非常优秀且流行的后台管理模板，但是对新手并不友好，学习成本较高，甚至对一个中级前端来说要直接上手

zclzone·2023-06-17 19:59

Naive Ui Admin - 基于 Vue3/Vite/TS 等最新的前端技术栈构建的免费开源中后台前端框架

关于NaiveUiAdminNaiveUi是不久之前推荐的一款优秀的UI组件库，基于最新的Vue3.0、Vite、NaiveUI、TypeScript等前端技术栈，而今天分享的NaiveUiAdmin就是基于

那些免费的砖·2023-06-12 14:26

开发新项目看过来，这3款基于 Vue 的免费开源的 admin 管理后台框架非常好用

那些免费的砖·2023-06-12 14:53

NaiveUI的简单使用

昨天尤老师发布了一条微博，说图森未来的小伙伴开源了一个Vue3组件库NaiveUI，看上去很不错。于是我今天来体验体验！

深度剖析JavaScript·2023-06-11 11:57

naive UI tree组件实现增删改功能

目录1.tree组件2.实现思路3.代码实现1.页面部分2.js部分：1.节点内容渲染函数2.节点后缀渲染函数3.节点点击事件1.tree组件naiveUI是Vue3是组件库，其中的tree组件可以生成树形目录结构

Lee-j·2023-01-20 01:33

Vite+Vue3+Ts项目搭建（全套解决方案Vuex、VueRouter、elementplus、NaiveUI、全局深色模式、中英文切换）

Vite+Vue3+Ts项目搭建（全套解决方案Vuex、VueRouter、elementplus、NaiveUI、全局深色适配、国际化）使用Vite创建vue3+ts项目#创建vite项目npminit

CV大魔王·2023-01-10 03:51

使用Vite搭建vue3.0 + Naive UI 项目

环境准备1.使用NPM安装2.安装2.1输入项目名称选择要创建的框架（我们选择Vue）2.2选择vue-ts如下图所示2.3按照指示进入创建的目录结构查看2.4安装依赖2.5启动2.6启动成功3.安装NaiveUI3.1

James_liPeng·2022-12-17 07:47

vue自定义右键菜单 -vue2版

学习关键语句:vue自定义右键菜单js右键菜单写在前面所以在逛UI库(NaiveUI)的时候,学习到下拉菜单时发现可以在区域部分定制个人的右键菜单栏,打开组件代码看了看,真想马上就学习起来,接下来,我们一起来尝试做一个最简单的自定义右键菜单编码思路额

不可名状邵雅虎·2022-10-13 21:38

修改默认naive ui样式

修改默认naiveui样式在使用n-slider的时候不想显示marks的标记小点点。查了一下资料记录一下。

一个好的名字可以让更多的GISer认识你·2022-09-30 05:23

Vue3，Vite3，TS，Naive-UI整合TailwindCSS

目录前言一、环境要求二、创建项目三、安装和使用NaiveUI1、安装NaiveUI2、使用NaiveUI（直接引入）3、使用NaiveUI（自动引入引入）4、使用图标四、安装TailwindCSS五、NaiveUI

小墨先生·2022-09-30 05:35

vue3 admin 后台管理项目小计

NaiveUI全局挂载useDialog、useMessageApp.vueAppMain.vueimport{useDialog,useMessage}from'naive-ui'window.

吃三个汉堡·2022-09-30 05:50

12 款最棒 Vue 开源 UI 库

Vue3TDesignVue-鹅厂优质UI组件，配套工具完满，设计工整，文档清晰ArcoDesignVue-字节优质UI组件库开源，大厂逻辑，设计文档完美AntDesignofVue-阿里前端UI库，面向企业级中后台NaiveUI

代码有毒。。。·2022-09-02 17:14

常用的ui组件

而我经常用vue，常用的ui组件有：element-ui、iview也会听其他同事有用附上链接element-ui:iview:iView-一套高质量的UI组件库NaiveUI(Vue3):NaiveUIantd

从小白到能飞起来·2022-09-02 17:14

Vue.js中NaiveUI组件文字渐变的实现

目录前言渐变文字封装渐变组件定义props实现组件效果前言NaiveUI中有着一个非常有意思的组件，就是渐变文字组件，如下图：有意思的点是这段文字描述这个东西看起来没啥用，实际上确实没啥用。

·2022-07-13 10:03

vue3集成Element-plus实现按需自动引入组件的方法总结

·2022-07-10 16:51

从零开始使用 vite + vue3 + pinia + naiveui 搭建简单后台管理系统

Zick·2022-06-29 17:14

Vue3+TS+Vite+NaiveUI搭建一个项目骨架实现

目录写在前面创建Vue3项目开发规范Vite配置别名配置环境变量.env文件定义环境变量在vite.config.ts中获取环境变量自动导入NaiveUI的安装写在最后写在前面现在已经有很多项目团队使用

·2022-06-26 12:02

naive UI 折叠面板设置折叠面板的可点击区域

我在使用naiveUI的折叠面板时，他有个特点，就是无论点击header的哪个位置，都会展开/折叠面板。

lsjweiyi·2022-06-06 13:14

Vue3 TypeScript 实现useRequest详情

Axiosinterfaceaxios的简单封装useRequest如何使用添加泛型支持queryKey的问题完整代码结语前言：自从Vue3更新之后，算是投入了比较大的精力写了一个较为完善的Vue3.2+Vite2+Pinia+NaiveUI

·2022-05-26 10:49

Naive UI，基于Vue3，开源三天就收获 800 Star，还获得 Vue 作者尤雨溪的官方推荐

NaiveUI的特点组件丰富完整，超过70个常用业务组件，支持按需引入官方提供主

·2022-05-25 14:10

一款极简聊天应用，比较完整，略好看

前端：Vue3+Vite+TypeScript+NaiveUI+Sock

howcoder·2022-04-16 15:01

Naive UI的初体验

NaiveUI的初体验NaiveUI:一个Vue3组件库安装安装组件npmi-Dnaive-ui安装字体图标官方推荐使用xicons-IconsforVue&React如何安装该字体图标：xicons/

跪下，大胆刁民·2022-03-24 12:42

推荐频道