截图 部分vue3 vue
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 中预先 ......
vue3 el-table-column 修改时间格式
根据element文档说明，el-table中的el-table-column 是可以使用 formatter 格式化时间的。 先添加 绑定函数 formatter <el-table-column prop="createdTimeFormat" :formatter="dateFormat" l ......
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 ......
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，那么就直接设置为 ......
vue创建项目
###cmd（以管理员身份运行） vue ui 新建 选择路径 创建选项 选择手动配置 下一步 router vuex开 formatter关 下一步 历史记录能开就开 ###Vscode（以管理员身份运行） 新建Terminal输入 npm run serve 即可由浏览器访问 ####如果要使用 ......
C++第二章部分例题
例2-1 “Hello Welcome to C++” 代码部分： #include<iostream> using namespace std; int main() { cout << "hello!" << endl; cout << "Welcome to C++!" << endl; re ......
课上测试-实现分页显示和模糊查询（代码部分）
今天的软工课上，老师给我们布置了课堂小测试，要求我们做一个简单的科技政策查询系统， 具体要能实现模糊查询和分页显示。这里展示我实现的代码。 目前实现了基本功能，还有点小不完善，之后再改一改吧。 Query.java package main; import dao.Bean; import data ......
在vue中为vuecal组件中的一个按钮添加点击事件
现在需要为一个按钮添加点击事件 由于vuecal文档中没有该按钮的点击事件，所以考虑使用原生dom为其添加点击事件 使用原生dom添加 使用this.$nextTick+.onclick this.$nextTick(() => { // 获取对应的 dom元素 var otest = docume ......
Windows下面使用bat命令打开截图工具
在 Windows 操作系统中，可以使用内置的截图工具 Snipping Tool 进行截图。可以在批处理文件中使用 start 命令打开 Snipping Tool。以下是示例代码： start "" /w "C:\Windows\System32\SnippingTool.exe" 其中，sta ......
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列数据，可以通过设置勾选，决定显示多少列 二、代码 为了代码的复用性，将配置页面单独抽成了组件，所以代码中会有组件之间传值父组件（ ......
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上安 ......
vue全局公共方法调用
1.在assets文件夹下，新建文件夹，创建common.js 2.在main.js中引用 import common from "@/assets/common/common.js"; Vue.prototype.common = common; 3.在页面中使用 this.common.iCel ......
vue3 封装组件中使用 pinia 报错
报错信息： Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia ......
vue+leaflet绘制街道地图，并在上面显示站点标记。
从0开始。 记录一下完成过程中遇到的问题及解决方法 1、离线显示地图 已完成。 方案就是下载瓦片地图到本地或者服务器上，使用路径访问图片/map/{z}/{x}/{y}/tile.png 2、在地图上显示标记。（单一标记，且默认打开提示框） const icon = L.icon({ iconUrl ......
vue实现路由懒加载（异步加载）及组件懒加载（异步加载）的方式
##转自：槐序之夏： https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的 ......
关于vue2老项目的打包优化，实现首屏加载速度提升
##分析项目代码体积 yarn add webpack-bundle-analyzer 在webpack.dev.conf.js中配置 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug ......
Vue中$attrs、$listeners的用法总结
用法如下： 1、v-on="$listeners" 父组件A，子组件B，孙组件C。C组件中emit事件后，在B中可以直接使用v-on="$listeners"接收，此时可以在A组件中的B上直接使用C中emit出来的事件。 2、v-bind="$attrs"父组件A，子组件B，孙组件C。A上设置值，若 ......
Vue3中无法为el-tree-select设置反选问题分析
环境：Vue3.2、Element Plus
问题：子组件 setting.vue => 弹窗组件 Dialog => 树选择组件el-tree-select ，无法设置默认选中项 default-checked-keys
场景：在一个后台系统的列表页，选中一行数据，点击设置按钮，分配一些功能。这里... ......
关于firefox，在win10下，大部分视频网站都无法正常播放的问题
1、目前日期：2023-4-10 2、firefox版本：111.0.1 (64 位) 3、win10版本：Windows 10 专业版 22H2 4、尝试过网上大部分的方法，包括但不限于，firefox排障模式，翻新、彻底重装浏览器 5、系统刚启动的很短的时间内，马上打开firefox浏览器，是能 ......
安装后报错：'vue' 不是内部或外部命令
安装vue脚手架碰到一个坑; 1.首先在cmd命令下安装脚手架； npm install -g @vue/cli 2.安装后报错：'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 3.进行环境变量的安装： 【1】找到 vue.cmd 文件所在的文件夹位置，并配置环境变量； 【2】配 ......
vue3中的自定义指令
1.适用到自定义指令的场景 防抖、图片懒加载、一键 Copy的功能、拖拽、页面水印、权限校验、输入框自动聚焦、相对时间转换、下拉菜单 2.个人需求：在后台系统中，有很多表单提交组件，其中很多限制数字且限制条件不同。最初使用 oninput="value=value.replace(/[^\d]/g, ......