组件 常用confirm vue

使用element-plus组件在vue中引入分页功能

1、组件的引入 <el-pagination background layout="prev, pager, next" page-size="6" :total="60" > </el-pagination> 2、存在问题就是,现在页码并不能与每页的内容相互对应 解决方式: page用来表示确认每 ......
element-plus 组件 element 功能 plus

Vue学习三:生命周期和工程化开发

一、Vue生命周期 Vue生命周期就是一个Vue实例从创建到销毁的过程 生命周期四个阶段:1、创建 2、挂载 3、更新 4、销毁 Vue生命周期函数(钩子函数) Vue生命周期过程中,会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。 创建阶段其实就是开辟存放数据 ......
周期 生命 工程 Vue

vue3.*安装axios具体步骤

在项目的命令行处使用命令进行axios的安装 npm install axios vue-axios --legacy-peer-deps --save 其余的命令可能会报错; ......
步骤 axios vue3 vue

SpringBoot和Vue实现数据对接--SpringBoot端

1、新建一个SpringBoot项目 勾选上这四个: 等待创建完成即可; 2、编写.yml文件 这里需要注意的是,端口需要与vue的端口区分开,不然会存在端口冲突的问题! 3、编写SpringBoot代码 Student.java package com.example.myspring001.en ......
SpringBoot 数据 Vue

在Vue2和Vue3中JSX的使用集锦

Vue2安装JSX支持 有时候,我们使用渲染函数(render function)来抽象组件,而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大,体验不佳,这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的,而在 Vue2 中使用 JSX,需要安装并使用 ......
集锦 Vue Vue2 Vue3 JSX

vue前端实现分页逻辑

在前端实现分页逻辑 <el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="page" :page-size="size" :page-sizes="pageSizes" layo ......
前端 逻辑 vue

IntelliJ IDEA 常用快捷键一览表

1-IDEA的日常快捷键 第1组:通用型 说明 快捷键 复制代码-copy ctrl + c 粘贴-paste ctrl + v 剪切-cut ctrl + x 撤销-undo ctrl + z 反撤销-redo ctrl + shift + z 保存-save all ctrl + s 全选-se ......
一览表 快捷键 一览 IntelliJ 常用

vue实现动态导航栏的设置

1、点击某个导航栏即切换到某个页面 1、为el-menu标签加上router属性 2、在页面中添加router-view标签,动态渲染我们自己选择的router 3、el-menu-item标签的index值即为要跳转的页面地址 呈现效果: 2、为页面设置选中状态--此时点击选中是有状态的,但是初始 ......
动态 vue

前端常用函数及其方法

前端常用函数及其方法 说明:日常开发中需要关注的东西太多了,难免会有些东西容易遗忘,那么好记性不如烂笔头就体现出来了 生成一个数组 我有一个 数字,是根据计算得来的,但是现在我要把它扩展成一个数组 const count = 6 const arr = Array.from({ length: co ......
前端 函数 常用 方法

从零开始使用vue2+element搭建后台管理系统(框架布局+面包屑+内容页加载实现)

先在components下分别创建侧边栏、顶部、布局等组件,用于全局配置: CommonAside.vue <template> <el-menu default-active="1-4-1" class="el-menu-vertical" @open="handleOpen" @close="h ......
面包屑 布局 后台 框架 面包

Vue源码学习(四):<templete>渲染第三步,将ast语法树转换为渲染函数

好家伙, Vue源码学习(三):<templete>渲染第二步,创建ast语法树, 在上一篇,我们已经成功将 我们的模板 转换为ast语法树 接下来我们继续进行操作 1.方法封装 由于代码太多,为了增加代码的可阅读性 我们先将代码进行封装 index.js import { generate } f ......
语法 函数 源码 templete Vue

glog 日志库简介与测试【GO 常用的库】

〇、前言 golang/glog 是 C++ 版本 google/glog 的 Go 版本实现,基本实现了原生 glog 的日志格式。 在 Kuberntes 中,glog 是默认日志库。因此需要详细了解下。下面列举下 glog 的特点: 高效性:glog 采用了异步写入日志的方式,这意味着日志记录 ......
常用 简介 日志 glog

记录下常用的echarts网站

PPChart – 让图表更简单 让图表更简单。 PPChart 提供 Echarts 收录、图表制作等服务 http://ppchart.com/ Make A Pie https://madeapie.com/ Isqqw https://www.isqqw.com/ a powerful, i ......
常用 echarts 网站

vue 嵌套全屏iframe 能有效避开返回两次才能返回上一个路由的问题

<template> <div class="home"> <iframe ref="iframe" class="iframe" frameborder="no"></iframe> </div> </template> <script> import { get_doctor_info, sta ......
路由 iframe 问题 vue

vue3中的watchEffect高级侦听器

介绍 watchEffect有两个参数,一个回调函数,一个是对象(设置配置项) watchEffect执行传入的一个函数,同时响应式追踪其依赖,并在依赖更新时重新运行该函数 watchEffect是非惰性的,会默认自动调用一次的 import { watchEffect, ref } from 'v ......
侦听器 watchEffect vue3 vue

企业常用的四种外发文件渠道

在当前的商业环境中,企业需要频繁地与内外部各方进行文件交换,包括部门同事、外部客户、供应商、合作伙伴等。为了实现高效、安全的文件传输,企业通常会采用以下几种常用的外发文件渠道。 一、QQ、微信、钉钉等及时通讯软件,这种外发方式方便、简单,无需复杂操作,是目前应用最多的外发文件渠道。同时缺点也很明显, ......
渠道 常用 文件 企业

vue2 el-popover 数据很多时候,渲染很慢

参考链接: https://blog.csdn.net/weixin_45753473/article/details/119893112 怎么让el-popover显示位置根据点击位置显示,以下代码优化: 要让`el-popover`的显示位置根据点击位置动态调整,可以根据点击的元素的位置动态设置 ......
el-popover popover 时候 数据 vue2

AbstractUser 这个类以及他的常用场景

django自定义用户类引用 引用: from django.contrib.auth.models import AbstractUser AbstractUser 是 Django 自带的抽象基础用户模型。它包含了最常见的用户属性,如用户名、密码、邮箱、名字、姓氏、激活状态等,并提供了一些处理用 ......
AbstractUser 场景 常用

C#常用的定时器

C#常用的五种定时器分别是: System.Timers.Timer System.Threading.Timer System.Windows.Threading.DispatcherTimer : WPF应用程序 System.Windows.Forms.Timer :WinForm应用程序 S ......
定时器 常用

在vue中使用引入3D建模(Three.js)

1.安装依赖 npm install --save three 2.引入依赖 import * as THREE from 'three' 3.编写控件的页面,可以从网站 sketchfab 下载和导入3D建模的模型(需注册,有些是免费的),在这里用到的模型地址是https://sketchfab. ......
Three vue js

直播app开发搭建,vue 一分钟倒计时功能实现

直播app开发搭建,vue 一分钟倒计时功能实现 HTML <template> <div @click="countdowm" v-text="content "></div></template> ​在data里边定义相关变量 data() { return { content: "倒计时", ......
功能 app vue

直播商城源码,vue中,input输入框只允许输入数字

直播商城源码,vue中,input输入框只允许输入数字 如果想自动将用户的输入值转为数值类型,可以给 v-model 添加 number 修饰符: <input v-model.number="age" type="text" /> ​ 当输入类型为 text 字符串类型时这通常很有用。 如果输入类 ......
源码 数字 商城 input vue

vue 学习

1.给对象动态添加属性和值 var obj={ name:"jack", age:"18" } 第一种:Vue.set(obj,'sex','18'); 第二种:this.$set(this.obj, 'score', 90); 第三种:obj.score=100; 直接赋值的方式不能触发Vue的响 ......
vue

docker部署springboot+vue项目环境安装及部署流程

后端项目打jar包修改及配置项 1、修改配置文件 application-prod.yml中的mysql配置和redis配置 2、切换Maven为生产模式 3、Maven打包 4、拿到打包后的jar 包5、拿到jar包之后在Linux中使用 nohup java -jar jeecg-system- ......
springboot 流程 环境 项目 docker

Ant Design Vue Table 嵌套子表格的数据刷新方法

父子组件各自负责,在table中嵌套了子表格后,首次加载表格时,父组件会实例化子组件并传递参数,折叠后再次展开时,只会传递参数,子组件的数据刷新就属于子表格了。如 @@@code <template #expandedRowRender="{ record }"> <originIndex styl ......
套子 表格 方法 数据 Design

vue-i18n

https://kazupon.github.io/vue-i18n/zh/introduction.html 开始 如果使用模块系统 (例如通过 vue-cli),则需要导入 Vue 和 VueI18n ,然后调用 Vue.use(VueI18n)。 格式化 在某些情况下,你可能希望将翻译呈现为 ......
vue-i vue 18

vue~vuex的使用

存储相关 Vuex 和本地存储(如localStorage)以及 cookie 存储(如 document.cookie)之间有一些关系,但它们是不同的概念,用于不同的目的。 Vuex: Vuex 是 Vue.js 的官方状态管理库,用于在 Vue.js 应用程序中管理应用程序的全局状态。 Vuex ......
vuex vue

Ruoyi-Vue-Plus 修改模块名+包名

一、修改模块名 模块名需要一个一个改,这里以ruoyi-demo模块为例 重命名模块和目录 全局替换引用 全局搜索并替换ruoyi-demo 其他模块以此类推 修改完以后如果报红,可以刷新idea缓存 二、修改包名 改包名 全局替换引用com.ruoyi ......
Ruoyi-Vue-Plus 模块 Ruoyi Plus Vue

mysql - 压测常用命令

常用 -- 查看所有连接的情况 show processlist; -- 查看当前系统的连接数 show status like 'Threads_connected'; -- 各类查询语句执行次数 show status like 'com%'; -- 试图连接 mysql 服务器的次数 show ......
命令 常用 mysql

Vue2——监听页面滚动实现菜单和页面对应

前言 如题,监听页面的滚动并激活相应的菜单,一个老项目的维护,后面反正要全部重构,这里就先实现功能就好了; 内容 元素内容 主要是添加相应的id,生成目录后直接通过锚点来跳转 监听滚动 window.addEventListener('scroll', () => { const sections ......
页面 菜单 Vue2 Vue