vue2
从零开始使用vue2+element搭建后台管理系统（实现导出excel表格的功能）
首先参阅了以下文档： https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
在Vue2和Vue3中JSX的使用集锦
Vue2安装JSX支持 有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用 ......
从零开始使用vue2+element搭建后台管理系统（框架布局+面包屑+内容页加载实现）
先在components下分别创建侧边栏、顶部、布局等组件，用于全局配置： CommonAside.vue <template> <el-menu default-active="1-4-1" class="el-menu-vertical" @open="handleOpen" @close="h ......
vue2 el-popover 数据很多时候，渲染很慢
参考链接： https://blog.csdn.net/weixin_45753473/article/details/119893112 怎么让el-popover显示位置根据点击位置显示，以下代码优化： 要让`el-popover`的显示位置根据点击位置动态调整，可以根据点击的元素的位置动态设置 ......
Vue2——监听页面滚动实现菜单和页面对应
前言 如题，监听页面的滚动并激活相应的菜单，一个老项目的维护，后面反正要全部重构，这里就先实现功能就好了； 内容 元素内容 主要是添加相应的id，生成目录后直接通过锚点来跳转 监听滚动 window.addEventListener('scroll', () => { const sections ......
Vue2x的自定义指令
在某些情况下，我们需要对底层DOM进行操作，而内置的指令不能满足需求，就需要自定义指令。一个自定义指令由一个包含类似组件的生命周期的钩子的对象来定义，钩子函数会接收到指令所绑定的元素作为参数。 定义指令 常用两种方式进行自定义指令，一种是全局定义，另一种在当前组件中定义 // 局部定义 export ......
vue2打包组件发布到npm
1.使用 vue create projectName 新建一个项目 2.将src的文件夹名称改为example，便于我们调试代码 3.增加packages文件夹，其下面的index.js代码如下 import panel from './panel/index.vue' const compone ......
鉴于vue2使用element组件不太方便，换成vue3的具体步骤
1、卸载原有的vue2 npm uninstall vue-cli -g 卸载完成！ 2、按照最新的下载vue3命令下载vue3 npm install -g @vue-cli 下载完成！（等了大概快10分钟） ......
Vue学习一：vue2的基本指令
Vue是一个构建用户界面的渐进式框架。官网：https://cn.vuejs.org/。 Vue可以用网上的CDN，也可以下载到本地（下载的话就是进入官网打开学习文档，点击基础里面的安装，点击里面的开发版本这几个字，建议下载开发版本，里面包含完整的警告和调试模式） 1、创建Vue2实例 首先将下载的 ......
从零开始使用vue2+element搭建后台管理系统（前期准备）
准备开始 1. 安装node （node -v查询版本号） (下载地址:https://nodejs.org/en/download/) 2. 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3. 安装 we ......
vue2使用 AMap-Vue 高德地图（矩形、圆形、多边形）绘制电子围栏
AMap-Vue 参考 安装使用 | AMap-Vue (gitee.io) main.js引入 import AmapVue from '@amap/amap-vue'; Vue.use(AmapVue); AmapVue.config.key ='您申请的key值'; AmapVue.confi ......
js 全屏和退出全屏 这里是vue2的写法
全屏和退出全屏 js 的实现方式 这里是vue2的写法 全屏和退出全屏的切换 切换页面显示文字 <div id="box"> <el-button v-if="!fullscreen" @click="fullScreen()">全屏</el-button> <el-button v-else @c ......
Vue2 中vuex和store基本用法——取值之this.$store.getters.getValue & 修改值之this.$store.commit(‘setValue‘, paramVal)
参考：https://blog.csdn.net/weixin_44867717/article/details/124133304 项目实例： ......
Vue2.0 使用wangEditor（富文本编辑器）
1、安装 npm install wangeditor --save 2、页面中使用 2.1 定义容器 <div id="content"></div> 2.2 引用 wangeditor // 引入wangeditor import wangEditor from "wangeditor"; 2. ......
vue2api
全局配置 Vue 全局配置 描述 H5 App端 小程序 说明 Vue.config.silent 取消 Vue 所有的日志与警告 详情 √ √ √ Vue.config.optionMergeStrategies 自定义合并策略的选项 详情 √ √ √ Vue.config.devtools 配置 ......
vue2vuex
状态管理Vuex #介绍 #Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 uni-app 内置了 Vuex 。 #什么是“状态管理模式”？ 让我们从一个简单的 Vue ......
vue2组合式api
组合式 API（Composition API） 目前 uni-app（Vue2） 基于 Vue 2.6，组合式 API 由 @vue/composition-api 支持，script setup 由 unplugin-vue2-script-setup 支持。 #环境准备 升级 uni-app ......
vue2组件
概念 组件是视图层的基本组成单元。 组件是一个单独且可复用的功能模块的封装。 一个组件包括开始标签和结束标签，标签上可以写属性，并对属性赋值。内容则写在两个标签之内。 根节点为 <template>，这个 <template> 下只能且必须有一个根 <view> 组件。这是vue单文件组件规范。 一 ......
VUE2+Swiper（H5邀请函开发）
#1、引入swiper * 安装固定版本 ``` npm i swiper@5.3.6 npm i vue-awesome-swiper@4.0.4 ``` #2、下载 `https://3.swiper.com.cn/download/index.html` 1. 下载 animate.min.c ......
node18 vue2启动报错 error:0308010C:digital envelope routines::unsupported
#### 出现原因 貌似是因为是因为 node 17版本开始发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。 #### 解决方法 ##### 第一种方法降低node版本 降低到17以下即可 ，如项目不能降低版本 看后面的解决方式 ......
若依Vue2.0框架学习之路由跳转
## 免责声明 + 新项目在若依前后端分离(Vue2.6.x + Springboot2.2.x)模板基础上进行项目开发，苯人真得学学模板吧！理解错误概不负责，毕竟ko no 菜鸡一枚 da。 + 我们幼儿园有适合自己看的注释拉满文档！ + 本篇只涉及路由跳转，什么登录流程和权限管理先往后稍稍。 # ......
关于 Vue2.0 中 element-ui@2.15.7 中使用 vue-final-modal@2.4.3 弹窗库 出现了 el-cascader 点击外部，popover不隐藏的问题
原因：element-ui 是在 document 上通过监听 mousedown 和 mouseup 事件-来组合判断是否点击的外部【可查看 element-ui 的自定义指令 v-clickoutside】 vue-final-modal 在 .vfm__content dom 上使用 e.st ......
vue2.0截图 html2canvas or dom-to-image 并解决openlayers截图空白问题
1.版本 "dom-to-image": "^2.6.0", // or "html2canvas": "^1.4.1", 2.引入 import domtoimage from 'dom-to-image'; // or import html2canvas from 'html2canvas'; ......
vue2父子组件传值
在Vue中，父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解： 1. 使用props进行属性传递： - 父组件通过在子组件标签上绑定属性，将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性，并在组件内部使用。 父组件： `` ......
vue3学习笔记1 - Vue2和 Vue3生命周期区别
1.vue2常用生命周期：创建前：beforeCreate() 只有一些实例本身的事件和生命周期函数 创建后：Created() 是最早使用data和methods中数据的钩子函数 挂载前：beforeMount() 指令已经解析完毕，内存中已经生成dom树 挂载后：Mounted() dom渲染完 ......
Vue3 Composition Api 与 Vue2 Options Api
Options Api Options API，即选项API，即以vue为后缀的文件，通过定义methods，computed，watch，data等属性与方法，共同处理页面逻辑 如下图： Composition Api 在 Vue3 Composition API 中，组件根据逻辑功能来组织的，一 ......
vue2
介绍 Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 ......
前后端分离项目之Vue2框架搭建
1、安装Node.js ， 为了可以使用npm命令去安装其他东西 2、vue-cli安装： npm install -g @vue/cli 安装完之后可以执行vue -- version 或者 vue -V 命令去查看版本 注意：npm可以设置淘宝镜像对npm进行加速 ： npm config se ......
Vue2.0中使用bpmn-js
使用bpmn-js在网页中绘制流程图 1. 新建vue项目, 输入命令 安装bpmn-js npm install bpmn-js --save 2. 在src/main.js中引入css样式 //css样式 import 'bpmn-js/dist/assets/diagram-js.css' i ......
vue2的源码github下载和本地启动调试源码
1.下载源码：https://github.com/vuejs/vue 2.安装依赖，命令行执行：yarn 3.修改package.json的运行脚本scripts里面加上源码map定位的参数，在打包后页面引入使用时可以调试到源码： { "name": "vue", 。。。 "scripts": { ......