截图 部分vue3 vue
vue端接收springboot端传来的表格数据
1、成果--实现啦！ 2、vue端相关代码 表格界面： <template> <div id="one"> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="id" label="Id" wid ......
vue九宫格播放
[2023年9月12日22:09:19] vue实现九宫格自适应播放 业务要实现九宫格的播放，同时也要做到拖拽放大的自适应，两种思路方法，一种是通过九宫格播放容器的宽高进行单元格尺寸的计算再搭配flex等css实现自适应，工作量较大；第二种是通过ui组件库自带的grid布局，这里用ant-desig ......
Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误
问题描述 在编译前端项目时出现下面的问题： Failed to load PostCSS config: Failed to load PostCSS config (searchPath: D:/WebProject/imooc-front): [Failed to load PostCSS co ......
SpringBoot和Vue实现数据对接--Vue端
以table表格进行数据展示 Vue端 在PageOne界面进行组件引入： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="date" label="Date" widt ......
Vue学习三：生命周期和工程化开发
一、Vue生命周期 Vue生命周期就是一个Vue实例从创建到销毁的过程 生命周期四个阶段：1、创建 2、挂载 3、更新 4、销毁 Vue生命周期函数（钩子函数） Vue生命周期过程中，会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。 创建阶段其实就是开辟存放数据 ......
使用element-plus组件在vue中引入分页功能
1、组件的引入 <el-pagination background layout="prev, pager, next" page-size="6" :total="60" > </el-pagination> 2、存在问题就是，现在页码并不能与每页的内容相互对应 解决方式： page用来表示确认每 ......
qwqwqwqwqwqwq 部分重构
平衡 首先先明确一点，\(K\) 是万能的，而勒夏特列原理是有局限的。 通常我们优先考虑勒夏特列原理，然后才考虑 \(K\) \(K\) \(k\) 勒夏特列原理 勒夏特列原理是对恒容体系的平衡常数的定性经验总结 改变一个因素 平衡朝着减弱这个因素的影响的方向去移动 胳膊拧不过大腿，结果这个因素还是 ......
vue3.*安装axios具体步骤
在项目的命令行处使用命令进行axios的安装 npm install axios vue-axios --legacy-peer-deps --save 其余的命令可能会报错； ......
SpringBoot和Vue实现数据对接--SpringBoot端
1、新建一个SpringBoot项目 勾选上这四个： 等待创建完成即可； 2、编写.yml文件 这里需要注意的是，端口需要与vue的端口区分开，不然会存在端口冲突的问题！ 3、编写SpringBoot代码 Student.java package com.example.myspring001.en ......
在Vue2和Vue3中JSX的使用集锦
Vue2安装JSX支持 有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用 ......
vue前端实现分页逻辑
在前端实现分页逻辑 <el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="page" :page-size="size" :page-sizes="pageSizes" layo ......
学成在线网站——banner部分的构建
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>学成在线首页</t ......
vue实现动态导航栏的设置
1、点击某个导航栏即切换到某个页面 1、为el-menu标签加上router属性 2、在页面中添加router-view标签，动态渲染我们自己选择的router 3、el-menu-item标签的index值即为要跳转的页面地址 呈现效果： 2、为页面设置选中状态--此时点击选中是有状态的，但是初始 ......
从零开始使用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 ......
bilibili B站：从零开始学Makefile - 部分截图
视频摘自B站：https://www.bilibili.com/video/BV1Bv4y1J7QT 笔记摘自：https://gitee.com/yanmu_ym/cpp ......
vue 嵌套全屏iframe 能有效避开返回两次才能返回上一个路由的问题
<template> <div class="home"> <iframe ref="iframe" class="iframe" frameborder="no"></iframe> </div> </template> <script> import { get_doctor_info, sta ......
vue3中的watchEffect高级侦听器
介绍 watchEffect有两个参数，一个回调函数，一个是对象(设置配置项) watchEffect执行传入的一个函数，同时响应式追踪其依赖，并在依赖更新时重新运行该函数 watchEffect是非惰性的，会默认自动调用一次的 import { watchEffect, ref } from 'v ......
vue2 el-popover 数据很多时候，渲染很慢
参考链接： https://blog.csdn.net/weixin_45753473/article/details/119893112 怎么让el-popover显示位置根据点击位置显示，以下代码优化： 要让`el-popover`的显示位置根据点击位置动态调整，可以根据点击的元素的位置动态设置 ......
在vue中使用引入3D建模（Three.js）
1.安装依赖 npm install --save three 2.引入依赖 import * as THREE from 'three' 3.编写控件的页面，可以从网站 sketchfab 下载和导入3D建模的模型（需注册，有些是免费的），在这里用到的模型地址是https://sketchfab. ......
直播app开发搭建，vue 一分钟倒计时功能实现
直播app开发搭建，vue 一分钟倒计时功能实现 HTML <template> <div @click="countdowm" v-text="content "></div></template> 在data里边定义相关变量 data() { return { content: "倒计时", ......
直播商城源码，vue中，input输入框只允许输入数字
直播商城源码，vue中，input输入框只允许输入数字 如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符： <input v-model.number="age" type="text" /> 当输入类型为 text 字符串类型时这通常很有用。 如果输入类 ......
直播平台软件开发，flex布局，不设置宽度，实现文字超出部分隐藏
直播平台软件开发，flex布局，不设置宽度，实现文字超出部分隐藏 .flex-box { display: flex;} .flex-item-space { flex: 1; min-width: 0; //重点样式 white-space: nowrap; //重点样式} .title { ov ......
vue 学习
1.给对象动态添加属性和值 var obj={ name:"jack", age:"18" } 第一种：Vue.set(obj,'sex','18'); 第二种：this.$set(this.obj, 'score', 90)； 第三种：obj.score=100; 直接赋值的方式不能触发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- ......
Ant Design Vue Table 嵌套子表格的数据刷新方法
父子组件各自负责，在table中嵌套了子表格后，首次加载表格时，父组件会实例化子组件并传递参数，折叠后再次展开时，只会传递参数，子组件的数据刷新就属于子表格了。如 @@@code <template #expandedRowRender="{ record }"> <originIndex styl ......
vue-i18n
https://kazupon.github.io/vue-i18n/zh/introduction.html 开始 如果使用模块系统 (例如通过 vue-cli)，则需要导入 Vue 和 VueI18n ，然后调用 Vue.use(VueI18n)。 格式化 在某些情况下，你可能希望将翻译呈现为 ......
vue~vuex的使用
存储相关 Vuex 和本地存储（如localStorage）以及 cookie 存储（如 document.cookie）之间有一些关系，但它们是不同的概念，用于不同的目的。 Vuex： Vuex 是 Vue.js 的官方状态管理库，用于在 Vue.js 应用程序中管理应用程序的全局状态。 Vuex ......
Ruoyi-Vue-Plus 修改模块名+包名
一、修改模块名 模块名需要一个一个改，这里以ruoyi-demo模块为例 重命名模块和目录 全局替换引用 全局搜索并替换ruoyi-demo 其他模块以此类推 修改完以后如果报红，可以刷新idea缓存 二、修改包名 改包名 全局替换引用com.ruoyi ......
如何在APP中禁止屏幕截图？
要实现在APP中禁止屏幕截图的功能，不同的平台使用的方法不一样。以下是在Android和iOS上实现这一功能的方法： Android： 在Android中，你可以通过在Activity的onCreate方法中调用Window的setFlags方法来阻止屏幕截图。例如： @Override prote ......