样式 组件scoped vue
vue跳到下一页
好久没接触vue了，，，写毕设的时候，需要从注册页跳到选择兴趣爱好页， 印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页，但是一直跳不进去，why，，， 去路由配置中心一看，没毛病啊，配置好兴趣爱好页的路由， 然后放到注册页的子页面，，傻了，两个页面同时存在 ......
vue中使用echarts的两种方法
vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v ......
vue2 使用 swiper 轮播图效果
vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de ......
VUE：引入腾讯地图并实现轨迹动画
VUE：引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果： 引入步骤： 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 ......
【ArkTS】向右看齐--解决Scroll子组件无法默认右对齐的问题
【关键字】 Scroll、Scroller、scrollEdge、文本右对齐 【问题描述】 在学习Scroll组件的使用时，本地使用的API版本是api 9，布局是这样的：使用row包裹Scroll，然后Scroll包裹Text，想要默认让文本显示的时候都是右对齐的，写的代码如下： 实现效果如下 ......
vue 预览PDF、Docx、EXCEL文件
<template> <div class="contentArea"> <div class="fileContainer" ref="fileDiv" v-if="$route.query.fileName.indexOf('docx') !== -1"></div> <div class="f ......
vue3 el-table-column 修改时间格式
根据element文档说明，el-table中的el-table-column 是可以使用 formatter 格式化时间的。 先添加 绑定函数 formatter <el-table-column prop="createdTimeFormat" :formatter="dateFormat" l ......
vue生命周期（钩子函数）
介绍 Vue实例有一个完整的生命周期，也就是从开始创建初女台化数据、编译模板、挂载DOM、渲染一更新一渲染、卸载等一系列过程，我们称这是Vue的生命周期。 生命周期： vue实例从创建到销毁的过程。 生命周期钩子： 就是生命周期事件的别名而已 钩子函数 描述 创建期间的生命周期函数 beforeCr ......
ZR.Admin小改和VUE3版本体验
阿峰从事编程二十年了，虽然没有成为架构师，却也用过很多种架构。几年前开始研究JAVA企业级快速开发框架若依，后来发现了它的.net 版本实现-ZR.Admin。从此一发不可收拾，崇拜的五体投地。对它作了些改动，记录下来。 ......
使用vue3创建后台管理项目
最后案例： 一：创建一个 Vue 应用 打开控制台： npm init vue@latest 输入你需要创建的项目名称，一路回车 下载需要的包，如下： "dependencies": { "@element-plus/icons-vue": "^2.1.0", "axios": "^1.3.5", ......
Ruoyi-vue 左侧菜单栏默认保持收缩
在项目的 src\store\modules\app.js 路径下 sidebar: { opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : false, // 如果不想这个读cookie，那么就直接设置为 ......
arroyo 组件简单说明
arroyo 架构上与k8s 的架构特别类似，包含了控制面板:api server 、controler、存储（k8s 是etcd，arroyo 是pg）、web ui （类似dashboard）数据面板: scheduler 以及worker（serverless 具体执行的地方），对于状态存储基 ......
vue创建项目
###cmd（以管理员身份运行） vue ui 新建 选择路径 创建选项 选择手动配置 下一步 router vuex开 formatter关 下一步 历史记录能开就开 ###Vscode（以管理员身份运行） 新建Terminal输入 npm run serve 即可由浏览器访问 ####如果要使用 ......
flask sqlalchemy快速插入数据、scoped_session线程安全、基本增删查改、一对多关系创建、多对多、连表查询
==sqlalchemy快速插入数据== # sqlalchemy是什么 orm框架，跟其他web框架没有必然联系，可以独立使用 # 安装，快速使用，执行原生sql # 创建表和删除表 不能创建数据库 不能修改字段(增加，删除) # 使用orm插入 from sqlalchemy import cr ......
前端工程化实战：React 模块化开发、性能优化和组件化实践
前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试、性能优化等。下面将简要介绍模块化开发、性能优化和组件化实践。 ......
Flask快速入门day 06 （sqlalchemy的使用，scoped-session线程安全）
Flask框架之sqlalchemy的使用 一、SQLAlchemy基本使用 1、简介 什么是sqlalchemy： sqlalchemy是一个基于Python实现的ORM框架，该框架建立在DB API之上，使用对象关系映射进行数据的操作，简而言之就是，将类和对象转换成SQL，然后使用数据API执行 ......
在vue中为vuecal组件中的一个按钮添加点击事件
现在需要为一个按钮添加点击事件 由于vuecal文档中没有该按钮的点击事件，所以考虑使用原生dom为其添加点击事件 使用原生dom添加 使用this.$nextTick+.onclick this.$nextTick(() => { // 获取对应的 dom元素 var otest = docume ......
vue2源码-二、对象响应式原理
// 循环对象进行一次劫持 class Observer{ constructor(value){ this.walk() } walk(data) { // 重新定义属性 Object.keys(data).forEach((key) => defineReactive(data, key, da ......
vue项目打包不起：FATAL ERROR: Zone Allocation failed - process out of memory
背景：vue3 + ts 的项目，admin plus框架 ，打包不起node 版本 v16.13.1 网上搜索了，解决方法 1.设置环境变量NODE_OPTIONS--max-old-space-size=4000 ！！！！设置这个会导致阿里云oss浏览器无法打开 2. 在package.json ......
Vue3定义响应式变量
ref和shallowRef ref 深层次 shallowRef 浅层次的响应 ref 和 shallowRef 是不能一块写的，不然 会影响shallowRef 造成视图的更新 ref和reactive ref 支持所有类型 reactive 支持引用类型 (Array Object Map S ......
vue iview table实现动态自定义表头
一、前言 众所周知，iview中有一个表格组件Table，用于展示多条结构类似的数据。之前遇到过一个需求，要手动控制table的表头显示。就是假如table表格一共有10列数据，可以通过设置勾选，决定显示多少列 二、代码 为了代码的复用性，将配置页面单独抽成了组件，所以代码中会有组件之间传值父组件（ ......
flask-day6——sqlalchemy快速插入数据、scoped_session线程安全、sqlalchemy基本增删查改、sqlalchemy的一对多、sqlalchemy的多对多、sqlalchemy的连表查询
一、sqlalchemy快速插入数据 # 使用orm插入 from models import Book, User from sqlalchemy import create_engine from sqlalchemy.orm import sessionmaker # 第一步：生成engine ......
Vue笔记
1. 邂逅Vuejs 1.1 简单认识一下Vuejs Vue是一个渐进式的框架，什么是渐进式呢？ 渐进式意味着你可以将Vue作为应用的一部分嵌入其中，带来更丰富的交互体验 或者你希望将更多的业务逻辑使用Vue实现，那么Vue核心库以及其生态系统。 比如Core+Vue-router-Vuex，也可以 ......
Vue启用报错 RangeError: Invalid typed array length: -4095
近期开发的前端项目项目启用失败，记录下修复过程 RangeError: Invalid typed array length: -4095 错误原因：node版本问题，安装10.x.x 即可 重新安装： 1.将原来的nvm,node卸载 2.安装nvm 如果显示上面内容即安装成功 3. 在nvm上安 ......
sqlalchemy快速插入数据、scoped_session线程安全、基本增删查改、一对多、 多对多、 连表查询
1 sqlalchemy快速插入数据 # sqlalchemy是什么 orm框架，跟其他web框架没有必然联系，可以独立使用 # 安装，快速使用，执行原生sql # 创建表和删除表 -不能创建数据库 -不能修改字段(增加，删除) # 使用orm插入 from sqlalchemy import cr ......
1 sqlalchemy快速插入数据 2 scoped_session线程安全、3 基本增删查改、4 一对多、5 多对多、6 连表查询
1 sqlalchemy快速插入数据 # sqlalchemy是什么 orm框架，跟其他web框架没有必然联系，可以独立使用 # 安装，快速使用，执行原生sql # 创建表和删除表 -不能创建数据库 -不能修改字段(增加，删除) # 使用orm插入 from sqlalchemy import cr ......
任何自定义动态右键菜单组件
如果自定义动态右键菜单组件，模块与模块之间互不影， 细节样式可以后续补充 注意点：Teleport解决定位问题，Transition解决动画问题 contextMenu组件 <template> <div ref="continerRef"> <slot></slot> <Teleport to=" ......
vue全局公共方法调用
1.在assets文件夹下，新建文件夹，创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
vite 开发按需引入的组件库 rollup
转载：https://blog.csdn.net/qq_27314517/article/details/128675552 package.json { "name": "...", "private": false, "version": "0.1.9", "main": "./lib/inde ......
Antd之a-date-picker和a-time-picker组件传值
使用a-date-picker和a-time-picker组件时传到后端，传参值为类似"2023-04-10T06:58:44.000Z"这样的字符串。 要恢复正常传值，可将前端传到后端日期格式统一为”YYYY-MM-DD HH:mm:ss”。 1.a-date-picker组件添加 show-ti ......