el-table table vue el
vue3-sign 手写签名组件
一个简易签名组件，基于vue3和canvas。 #安装 npm i @sangtian152/vue3-sign -S # or yarn add @sangtian152/vue3-sign 引入 在 main.js 中写入以下内容： import { createApp } from 'vue' ......
vue3+jointjs 使用模板添加元素
关于如何在 Vue3 和 JointJS 中使用拖拽模板来创建节点元素，可以按照以下步骤进行： 1. 安装 JointJS 使用 npm 进行安装： ``` npm install jointjs ``` 2. 在 Vue3 中创建 JointJS 容器 在 Vue3 中创建一个组件，用于创建 Jo ......
前端vue使用jsencrypt进行RAS加密/解密
前端 安装： npm install jencrypt --sava 在utils下创建jsencrypt.js文件，内容如下： import JSEncrypt from "jsencrypt/bin/jsencrypt.min"; /** RSA秘钥对生成网站 http://web.chacuo ......
Vue2项目实战尚品汇 vue-cli脚手架初始化项目&项目结构解释
视频 下了vue vscode snippets，然后直接输入vbase就可以生成代码片段 2)脚手架使用 2: vue init webpack 项目的名字 3|4：vue create 项目名称 脚手架目录:public + assets文件夹区别 node_modules:放置项目依赖的地方 ......
4.Vue 中的 ajax
4.Vue 中的 ajax 作用：使用代理服务器，解决开发环境 Ajax 跨域问题 4.1.配置代理 4.1.1.方式1 在vue.config.js中添加如下配置： devServer:{ proxy:"http://localhost:5000" } 优点：配置简单，请求资源时直接发给起前端 ......
vue项目中引入echarts中国地图
最近项目中根据项目需求，展示中国地图 一、下载echarts插件（我这里使用的是 4.9.0 版本） npm install echarts@4.9.0 --save 二、在需要使用的页面引入echarts （这里是单独封装了地图组件） components/map.vue <template> < ......
vue2源码-十四、computed和watch的区别
computed和watch的区别 computed 和watch的相同点。底层都会创建一个 watcher（用法的区别：computed 定义的属性可以在模板中使用，watch 不能在视图中使用） computed 默认不会执行 只有取值的时候才会执行 内部会维护一个 dirty 属性，来控制依赖 ......
vue关于请求消息没问题但是还是进入catch块（已解决）
第一次使用vue中的拦截器，一开始是在拦截器的逻辑代码上有问题（也有可能没问题），然后请求和响应都是没问题的，但是请求之后就是不跳转，然后发现是设置了拦截器的问题，折磨了下拦截器保证了代码能够顺利运行到resolve，但是发现即便是resolve后回到原本的代码中，代码还是运行到catch块中去。因 ......
Vue关于beforeRouteEnter以及beforeRouteLeave函数的运用
先上代码 beforeRouteEnter:(to,from,next)=>{ console.log("进入路由之前") next(vm =>{ vm.getData(); }); }, beforeRouteLeave:(to,from,next)=>{ console.log("进入路由之后" ......
pandas 解析页面table
import pandas as pd ff = """ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ......
vue3+jointjs demo
下面是使用Vue3和JointJS添加元素的示例代码： 1. 安装JointJS ```terminal npm install jointjs --save ``` 2. 创建JointJS图形 ```javascript import { ref, onMounted } from 'vue'; ......
vue全屏
<template> <div> <img src="../assets/fangda.png" @click="toggleFullscreen" /> </div> </template> <script> export default { methods: { toggleFullscreen ......
Vue笔记汇总
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
Vue.js 目录
##Vue.js 大致介绍Vue官网 ##Vue.js 搭建Vue开发环境（p4~p6） ##Vue.js 模板语法 ##Vue.js 数据绑定 ##Vue.js el与data的两种写法 ##Vue.js 理解MVVM ##Vue.js 数据代理-回顾Object.defineProperty方法 ......
Vue3 Vue3中其他的改变
视频 六、其他 1.全局API的转移 Vue 2.x 有许多全局 API 和配置。 例如：注册全局组件、注册全局指令等。 //注册全局组件 Vue.component('MyButton', { data: () => ({ count: 0 }), template: '<button @clic ......
Vue2和ElementUI编写的无限级菜单路由
Vue2和ElementUI编写的无限级菜单路由 文章转载自：www.javaman.cn <template> <div> <el-menu :default-active="$route.path" class="el-menu-vertical-demo" :collapse="isColla ......
ai问答：使用 Vue3 组合式API 和 TS 配置 axios 拦截器 http错误状态
配置 axios 拦截器和http错误状态，可以避免在每个请求方法中都添加冗余的错误处理逻辑，这是拦截器的优势之一 ......
el-tree 根据多个结果筛选树状图
右侧搜索根据条件查找到对应人，人再查询到对应部门。 <template> <div class="contact_tree"> <el-input v-model="filterText" size="small" placeholder="名称和电话过滤" clearable /> <el-tre ......
layui table表格中点击图片放大
{field:'plateNoPicUri', title: '图片' ,width:"10%" ,templet:function(data){ if("" == data.plateNoPicUri || null == data.plateNoPicUri) return ""; var su ......
vue项目适配屏幕分辨率与屏幕的缩放
现在很多14寸的笔记本，出厂默认就是150%的显示。导致很多时候我们的项目，自己开发的时候都是按照100%比例来开发的，上线了就会发现这个问题 vue项目utils下新建devicePixelRatio.js文件 class DevicePixelRatio { constructor() { // ......
动力节点老杜Vue框架教程【一】Vue程序初体验
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
vue 项目依赖安装失败解决方案
今天电脑新装了个node.js以及VS Code,找了一个之前的vue项目在上面运行了一下。 使用 npm install 有一部分依赖一直安装不上，输入 npm run server 一直提示 vue-cli 报错，试了下面的方式还是不行。 一、使用淘宝镜像安装依赖：1.安装cnpm npm in ......
可视化大屏：mapbox+vue全攻略
如题图，mapbox是一个支持真3D地形展示的webGIS框架，与常用的Leaflet、Cesium和Openlayers并称四大框架，本文将介绍mapbox-gl js 在 vue 中的用法。 为什么要用 mapbox ? 各位可以自行搜索上面提到的或者其他的webGIS框架或者集成服务商，可以很 ......
ai问答：使用 Vue3 组合式API 和 TS 封装 websocket
这是一个使用 Vue3 组合式 API 和 TS 封装 websocket 的例子 那么，可以通过组件： 输入消息并点击发送按钮 触发 sendMessage 方法,通过 WebSocket 连接发送消息 接收来自 WebSocket 服务端的响应消息 监听 WebSocket 状态变化 impor ......
老杜Vue实战教程完整版笔记（一）Vue程序初体验
Vue作为国内使用率最高，最火爆的前端框架 学习这门技术也越来越重要~ 动力节点老杜最新版Vue2+3教程已经上线！ 还是原来的配方，还是熟悉的味道 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 1 Vue程序初体验 我们可以先不去了解Vue框架 ......
老杜2023最新Vue实战精讲（一）Vue程序初体验
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
vue前端使用nexus配置npm私有仓库
当我们运行前端项目的时候，常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源，以期让速度加快起来，事实上这种的确能够让速度变快，但是长久来看，如果想真正的快速敏捷开发部署，搭建企业内部的私服 ......
vue-下载本地项目中的文件
vue-下载本地项目中的文件 文件放在public下 新建了一个文件夹statics import axios from 'axios' downs(name) { axios.get('statics/' + name, { //静态资源文件夹public responseType: 'blob' ......
Vue2入门之超详细教程七-事件处理
1、简介 事件的基本使用： （1）使用v-on:xxx或者@xxx绑定事件，其中xxx是事件名 （2）事件的回调需要配置在methods对象中，最终会在vm上 （3）methods中配置的函数，不要用箭头函数！否则this就不是vm了 （4）methods中配置的函数，都是被Vue所管理的函数，th ......
解决vue移动端 ios页面切换出现闪屏现象(可直接复制张贴）
在App.vue文件中 监听路由 //控制左右滑动 watch: { $route(to, from) { const arr = [ '/warningCenter/warningCenterHome', '/equInspection/equInspectionHome', '/ourOrder ......