vue3项目 使用 element-plus 中 el-collapse 折叠面板
最近接触拉了一个项目,使用到 element-plus 中 el-collapse 折叠面板,发现在使用中利用高官网多多少少的会出现问题。 (1.直接默认一个展开值,发现时显时不显 2 . 数据渲染问题,接口请求了,页面数据不更新 3 样式问题,自定义表头title等等) 我们的数据结构是双数组,如...
vue3推荐算法
Vue 3 推荐算法主要指的是在 Vue 3 框架中实现的或者适用于 Vue 3 的算法库或组件库。Vue 3 由于其优秀的设计和性能,被广泛应用于构建各种类型的应用程序,包括需要复杂算法支持的项目。以下是一些在 Vue 3 中可能会用到的推荐算法资源: Vue-Multiselect: Vue-...
vue3使用v-calendar日历,选中当前日期
首先看看效果,蓝色是自己标记的 下载 npm i v-calendar 注册使用全局 import { createApp } from 'vue';import App from './App.vue';import VCalendar from 'v-calendar';const app ...
vue3页面导出为PDF文件
vue3页面导出为PDF文件 尝试了很多方法,都没有找到完美的解决方法 目前网上有个思路,就是将页面先转存为图片,然后将图片另存为PDF文件 记录一下完整过程 一、安装必备包 安装两个第三方插件 npm i html2canvasnpm i jspdf html2canvas,作用显而易见,将htm...
vue3中使用antv-S2表格(基础功能版)
先看展示效果: 可以调整行宽、列宽、自定义字段图标、表头图标、添加排序、显示总计、小计等 首先确保搭建一个vue3项目环境,从0开始的小伙伴着重看第一点: 一、搭建vue3项目环境 首先创建一个vue3+vite+ts项目,可以查看下面相关文章,只看第一条即可 如何创建一个vite+vue3+t...
Vue3 Scss的使用(一)
最近因为工作原因阅读了ElementPlus和Vexip UI开源框架的源代码,发现这两个框架的style样式都是用的scss,今天进行了scss系统性的研究学习。 安装 // 使用vue3+vite的环境npm install sass -S 使用 一个小栗...
vue3 问递归算法中解决ajax访问题
在后端开发中,要遵守的一个规则是不能在循环中访问接口。在前端开发中,推荐也可以遵守这条规则。主要是因为这样的效率高效。 浏览器第一次试探访问option,第二次才正常访问接口,所以要尽可能的减少ajax的访问。主要的策略是首先去重,然后按照顺序执行完一个接口再访问另外一个接口。 去重 在接口中,参数...
VUE3 + Elementui-Plus 之 树形组件el-tree 一键展开(收起);一键全选(不全选)
需求: 产品要求权限树形结构添加外部复选框进行全部展开或收起;全选或不全选。 实现步骤: tree组件部分: <div class="role-handle"> <div>权限选择(可多选)</div> <div> <el-che...
vue3表单参数校验+正则表达式
这里我们要实现在form表单中对表单项添加参数校验。 校验要求 我们的表单中有用户名、密码、电话号码、邮箱这四个项。 我们设置用户名为3到20位的非空字符 密码为3到25位非空字符 电话号码就用目前用的电话号码正则表达式,要求手机号码以 1 开头,第二位为 3 到 9 之间的数字,后面跟着任意 9 ...
Vue3 Ajax(axios)
Vue 版本推荐使用 axios 来完成 ajax 请求。 安装方法 使用 cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 使用 npm: $ npm install axios ...
vue-codeirror编辑器vue3中的使用
vue-codeirror编辑器vue3中的使用 <script lang="ts" setup>import { ref,reactive } from 'vue';import { Codemirror } from "vue-codemirror";import { oneDark...
Taro + vue3 小程序封装标题组件
分为没有跳转页面的title组件和 有跳转页面的title组件 我们可以把这个封装成一个组件 直接上代码 <template> <div class="fixed-title-container"> <div class="box"> &...
Vue3学习笔记+报错记录
文章目录 1.创建Vue3.0工程1.1使用vue-cli创建1.2 使用vite创建工程1.3.分析Vue3工程结构2.常用Composition2.1 拉开序幕的setup2.2 ref函数_处理基本类型 1.创建Vue3.0工程 1.1使用vue-cli创建 查看@vue/cli版本...
vue3使用UEditorPlus 、后端配置、上传图片等处理
前端安装 vue3安装vue-ueditor-wrap // vue-ueditor-wrap v3 仅支持 Vue 3 npm i vue-ueditor-wrap@3.x -S // or yarn add vue-ueditor-wrap@3.x 下载 UEditorPlus 仓库地址 ...
【Vue3】深入理解Vue3路由器的工作原理&to的两种写法-🍋路由器的核心概念
在Vue3中,路由器的核心概念包括路由器实例、路由器选项、路由表、路由视图和导航守卫。 路由器实例:我们可以通过创建一个路由器实例来启动Vue3的路由器。路由器实例包含了路由器的配置选项,例如路由表、路由模式(hash或history)等。 路由器选项:路由器选项是一个包含路由配置的对象。它定...
SpringBoot + Vue3邮件验证码功能的实现-前端
Vue3Element-PlusWebStormJavaScript 编写表单 这个项目本来是没有注册验证码这个需求的,为了更好的演示效果,简单修改了以下原来的表单,修改后的页面如下: 页面有了,接下来就是请求后端的接口,实现点击 获取验证码 按钮发送邮件验证码,为了实现点击之后进入倒计时禁...
vue3中reactive详解
在Vue 3中,reactive函数是一个非常重要的工具,它用于将普通的JavaScript对象或数组转换为响应式对象。这意味着当这些对象的属性发生变化时,Vue可以自动检测和更新相关的DOM。 使用方法 使用reactive函数,你可以将任意对象或数组包裹成响应式数据。下面是一个简单的示例:...
Vue3 插槽Slot
关于作用域 默认插槽、具名插槽只能访问使用者的作用域,插槽的内容无法访问子组件的数据。Vue模版中表达式只能访问其定义时所处的作用域,这和Javascript的语法作用域规则是一致的。 如果需要访问子组件中的作用域,则使用作用域插槽 默认插槽 <...
Vue3 + Vite + TS + Element-Plus + Pinia项目(7)新建类型文件
1、在src文件夹下新建types文件夹后,新建index.d.ts文件 export interface ChatMessage{ id:string; msg:string; chatId:string; chatUserId:string; chatUserNam...
尚硅谷Vue3入门到实战,最新版vue3+TypeScript前端开发教程
1.创建Vue3工程 npm create vue@latest 或者 npm init vue@latest 输入项目名和需要的工具后进入项目 如果项目报错 使用命令安装Node.js的项目依赖包 npm i 启动vue项目,查看项目是否创建完成 npm run dev 直接删掉src 然后创建...