代码编织梦想

【云岚到家】-爱代码爱编程

【云岚到家】-day02-2-客户管理-认证授权 第二章 客户管理1 认证模块1.1 需求分析1.2 小程序认证1.2.1 测试小程序认证1.2.1.1 参考官方流程1.2.1.2 申请小程序账号1.2.1.3

vue3+elementplus实例_select选择器(不连续搜索)_vue3项目使用element plus组件库中的select组件-爱代码爱编程

1.开发需求 在各大UI框架的select选择器中,在搜索时都是输入连续的搜索内容,比如“app-store”选项,你要输入“app-xxx”,才能匹配这个选择,要是想输入“a-s”这种不连续的匹配方式,就实现不了,用户体验较差,所以就开发了一个不连续搜索的select选择器,并带有输入内容的高亮提示。 2.实现演示 下面是我完成后的演示,请看 3

ant-爱代码爱编程

代码示例如下: <!-- --> <template> <a-button type="primary" style="padding-left: 10px; padding-right: 10px" @click="handleAddRow"> <template #icon><plu

vxetable右键菜单选项如何添加权限及根据行的数据渲染_vxe 表格右键展示html-爱代码爱编程

vxetable右键菜单选项如何添加权限及根据行的数据渲染 业务场景: ​ 页面做了按钮权限,表格上也做了右键菜单的功能,也需要给右键菜单做权限功能控制 解决思路: 通过查看文档,右键配置 menu-confi

vue3对象数组格式的动态表单校验_vue3 arco动态表单检验-爱代码爱编程

如你有一个表单,表单内容是对象,但是对象内还有可动态循环的数组进行动态表单校验。 效果如图:查看源码 页面内容: <div class="arrForm-Box"> <el-form :model

创建vue3项目-爱代码爱编程

使用Vite创建Vue3项目 vite:是一个轻量级、运行速度快的前端构建工具,它支持模块热替换(Hot Module Replacement,HMR),可以即时、准确地更新模块,当代码修改时无须重新加载页面或清除应用程序状态。Vite默认安装的插件比较少,随着开发过程中依赖的增多,需要额外进行配置。 Vite不需要以命令的方式安装和卸载,只要安装了n

vue3实战uu云盘(一):创建项目+登录注册页面+构建框架页+上传头像/修改密码/退出登录_vue3 注册页面(人员,公司,注册完成)-爱代码爱编程

一、创建项目 1.创建项目   2.安装各种依赖 npm install @highlightjs/vue-plugin @moefe/vue-aplayer aplayer axios docx-preview dplayer element-plus highlight.js js-md5 sass sass-loader

vite3+vue3+ts+pinia+naiveui项目实战-爱代码爱编程

因为项目是给设在新加坡、马来西亚的海外自提站使用的后台,所以国际化的配置必不可少。需要切换语言的内容主要分为两部分: 我们自己添加的文案内容,需要用到 vue-i18n-next;naive ui 的组件,可以使

vue3 + ts + antd + pinia 从零搭建后台系统(一) 脚手架搭建 + 入口配置-爱代码爱编程

简易后台系统搭建开启,分几篇文章更新,本篇主要先搭架子,配置入口文件等 目录 效果图一、搭建脚手架:二、处理package.json基础需要的依赖及运行脚本三、创建环境运行文件四、填充vue.confi

vue3 响应式api:高级函数(二)-爱代码爱编程

shallowRef() shallowRef 是一个特殊的 ref 创建函数,它允许你创建一个只追踪顶层属性变化的响应式引用。与 ref 不同的是,shallowRef 创建的响应式引用对其内部值的深层嵌套属性是不敏感的

vue3 一 快速启动基于vite 创建项目-爱代码爱编程

编码规范 TypeScript + 组合式API + setup语法糖 基于Vite 创建项目 Win+R输入 CMD 回车后打开CMD命令行 已安装 18.3以上版本的NodeJS,js(安装) 我们用 NPM

(亲测有效)win7安装nodejs高版本(18.8.0)_win7安装nodejs18-爱代码爱编程

现在学习vue3,vite,使用pnpm创建项目都需要高版本的nodejs了,win7最高只能安装13版本,好多已经不支持了。当然此篇只是以安装18.8.0为例,可以替换成更高的18或者20版本,只是太高的话可能出现冲突,够用就好。希望对各位小伙伴有帮助 。 前提环境: win7 x64  之前已经安装并配置过node环境(详见Vue2(七):超详细v

vue3【十】07使用ref创建基本类型的响应式数据以及ref和reactive区别-爱代码爱编程

Vue3【十】07使用ref创建基本类型的响应式数据以及ref和reactive区别 ref 也可以创建对象类型的响应式数据,不过要使用.value ref 处理对象数据的时候,底层数据还是reactive格式的 r

el-爱代码爱编程

1. 横竖双表头 <script setup lang="ts"> const tableData = [ { name: "Tom", date: "2016-05-03", address:

使用vite创建vue3项目,以及报错4048怎么解决_npm init vite 4048-爱代码爱编程

什么是Vite? Vite是一个现代化的构建工具,专门为现代前端框架设计和优化的。Vite的目标是提供一种更快、更轻量级的开发体验,特别适用于Vue.js和React等现代前端框架。 传统的构建工具,如Webpack和Parcel,通常通过将所有代码打包成一个或多个Bundle,并在运行时进行加载和解析。这种方式在大型项目中可能会导致较长的初始加载时间

vue 3 + vite项目实战:常见问题与解决方案全解析_vue3 vite manualchunks出现rar-爱代码爱编程

文章目录 一、项目使用本地图片打包后不显示1、在html中时候,本地运行和打包后线上运行都ok。2、用动态数据,本地运行ok,打包后线上运行不显示3、适用于处理单个链接的资源文件4、用动态数据且本地和线上访问都

【vue3】vite工具创建vue3项目,遇到的坑及解决办法,nvm下载与使用_vite创建vue3项目后无法运行怎么回事-爱代码爱编程

1、在对应文件夹下执行npm create vite 报错如下: 解决步骤可看这篇文章:npm install报错 -> npm ERR! Unexpected token ‘.‘ 报错解决办法 主要是因为我的n

vite构建vue3+ts项目及可能会遇见的问题-爱代码爱编程

vite构建vue3项目 1、在要创建的文件夹位置单击右键打开PowerShell命令行工具 2、在PowerShell里面输入 npm init vite@latest @latest是用最新的vite去构建 3、

今天用vite新建的vue3的项目 启动遇到报错_unhandledpromiserejectionwarning: syntaxerror: une-爱代码爱编程

UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' at Loader.moduleStrategy (internal/m

【vue3 antdesign 商品sku多规格组合】_vue3实现商品sku多规格表格多行合并-爱代码爱编程

文章目录 背景最终效果图实现过程整体代码实现逻辑项目小结 背景 相信大家在电商项目中都遇到过创建商品组合sku的问题,规格名和规格值任意组合,生成一个动态组合的表格。 在项目初期这也算是一个比