signaturepad简易 电子vue

vue项目适配屏幕分辨率与屏幕的缩放

现在很多14寸的笔记本,出厂默认就是150%的显示。导致很多时候我们的项目,自己开发的时候都是按照100%比例来开发的,上线了就会发现这个问题 vue项目utils下新建devicePixelRatio.js文件 class DevicePixelRatio { constructor() { // ......
屏幕 分辨率 项目 vue

动力节点老杜Vue框架教程【一】Vue程序初体验

Vue.js是一个渐进式 MVVM 框架,目前被广泛使用,也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性,也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯! 学习地址:https://www.bilibili.com/video/BV17h41137i4/ 视 ......
节点 Vue 框架 动力 程序

vue 项目依赖安装失败解决方案

今天电脑新装了个node.js以及VS Code,找了一个之前的vue项目在上面运行了一下。 使用 npm install 有一部分依赖一直安装不上,输入 npm run server 一直提示 vue-cli 报错,试了下面的方式还是不行。 一、使用淘宝镜像安装依赖:1.安装cnpm npm in ......
解决方案 方案 项目 vue

可视化大屏:mapbox+vue全攻略

如题图,mapbox是一个支持真3D地形展示的webGIS框架,与常用的Leaflet、Cesium和Openlayers并称四大框架,本文将介绍mapbox-gl js 在 vue 中的用法。 为什么要用 mapbox ? 各位可以自行搜索上面提到的或者其他的webGIS框架或者集成服务商,可以很 ......
大屏 全攻略 mapbox vue

ai问答:使用 Vue3 组合式API 和 TS 封装 websocket

这是一个使用 Vue3 组合式 API 和 TS 封装 websocket 的例子 那么,可以通过组件: 输入消息并点击发送按钮 触发 sendMessage 方法,通过 WebSocket 连接发送消息 接收来自 WebSocket 服务端的响应消息 监听 WebSocket 状态变化 impor ......
websocket Vue3 Vue API TS

老杜Vue实战教程完整版笔记(一)Vue程序初体验

Vue作为国内使用率最高,最火爆的前端框架 学习这门技术也越来越重要~ 动力节点老杜最新版Vue2+3教程已经上线! 还是原来的配方,还是熟悉的味道 学习地址:https://www.bilibili.com/video/BV17h41137i4/ 1 Vue程序初体验 我们可以先不去了解Vue框架 ......
整版 实战 Vue 笔记 程序

老杜2023最新Vue实战精讲(一)Vue程序初体验

动力节点老杜全新版Vue教程笔记分享给大家 学习の地止:https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解,一步一个案例,知识点由浅入深,然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
实战 Vue 程序 2023

vue前端使用nexus配置npm私有仓库

当我们运行前端项目的时候,常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源,以期让速度加快起来,事实上这种的确能够让速度变快,但是长久来看,如果想真正的快速敏捷开发部署,搭建企业内部的私服 ......
前端 仓库 nexus vue npm

vue-下载本地项目中的文件

vue-下载本地项目中的文件 文件放在public下 新建了一个文件夹statics import axios from 'axios' downs(name) { axios.get('statics/' + name, { //静态资源文件夹public responseType: 'blob' ......
文件 项目 vue

Vue2入门之超详细教程七-事件处理

1、简介 事件的基本使用: (1)使用v-on:xxx或者@xxx绑定事件,其中xxx是事件名 (2)事件的回调需要配置在methods对象中,最终会在vm上 (3)methods中配置的函数,不要用箭头函数!否则this就不是vm了 (4)methods中配置的函数,都是被Vue所管理的函数,th ......
事件 教程 Vue2 Vue

解决vue移动端 ios页面切换出现闪屏现象(可直接复制张贴)

在App.vue文件中 监听路由 //控制左右滑动 watch: { $route(to, from) { const arr = [ '/warningCenter/warningCenterHome', '/equInspection/equInspectionHome', '/ourOrder ......
现象 页面 vue ios

vue3 自定义组件双向绑定(modelValue)

参考链接:https://huaweicloud.csdn.net/638edf68dacf622b8df8d152.html 父组件: <Customabc ref="editor" v-model="data.introduction" :min-height="400" name="职能" p ......
双向 modelValue 组件 vue3 vue

Vue——eventsMixin【十六】

前言 按着流程接下来就到了eventsMixin,这里面其实主要是$on,$once,$off,$emit的方法定义。 内容 eventsMixin位于src/core/instance/events.ts下 export function eventsMixin(Vue: typeof Compo ......
eventsMixin Vue

vue移动端使用(pdfh5) 组件预览PDF

1、安装插件 npm i pdfh5 2、在页面内引入组件 import Pdfh5 from "pdfh5";import "pdfh5/css/pdfh5.css"; 3、写一个展示pdf文件的容器 <div id="pdfType"></div> 4、封装在事件中 initPdf() { th ......
组件 pdfh5 pdfh vue PDF

在vue标签代码块中定义变量

方式一: <template> <h1>test</h1> <template :set="first = list[0]"> // 定义变量 <div>{{first.name}}</div> //使用变量 </template> ... </template> <script> export d ......
变量 标签 代码 vue

3.Vue脚手架

3.脚手架 3.1.初识 3.1.1.简介 Vue脚手架/Cli(Command Line Interface)是 Vue 官方提供的标准化开发工具(开发平台)。 官网:https://cli.vuejs.org/zh/ 3.1.2.安装 全局安装@vue/cli(第一次使用时配置即可) npm i ......
脚手架 Vue

电子墨水屏批量取模

什么是取模? 即生成图片数组的过程,将程序中的图片数组替换就可以达到电子纸显示想要显示的图像的目的。 教程 我这里简单介绍一下我的天气预报项目天气图标取模的过程,方便大家今后自己开发自己想要的效果。 天气预报图标 我这里选取的天气预报图标为 和风天气 的图标,下载地址为:https://github ......
墨水 电子

【vue】error in ./src/components/NumberInfo/NumberInfo.vue

出现背景:ant design vue pro 执行yarn run serve 解决办法: 修改src/components/NumberInfo.vue 文件中style部分 原来的: <style lang="less" scoped> @import "index"; </style> 注释 ......
NumberInfo components vue error src

如何在xx.vue Vue 框架中写原生js

xx.vue <template> <div @click='alert("a")'></div> </template> 这样在@click 后面直接alert('a'),会包错out:srcdoc:166 TypeError: _ctx.alert is not a function 可是我就是 ......
框架 vue Vue xx

Vue学习笔记之Node Sass version 8.0.0 is incompatible with 4.0.0错误

输入以下两个命令: npm uninstall node-sass npm i -D sass 注:Mac环境如果进行了系统升级,需要重新安装Xcode,执行命令 xcode-select install 不然会出现如下的错误 Mac 解决 gyp: No Xcode or CLT version ......
incompatible 错误 version 笔记 Node

记录在vue3项目中使用wangeditor富文本编译器以及微信小程序中的渲染

首先,管理后台中的使用 npm install wangeditor //f封装成了组件,以下是组件中的内容 <template> <div style="border: 1px solid #ccc; maxwidth: 600px"> <!-- 工具栏 --> <Toolbar style="b ......
编译器 wangeditor 文本 程序 项目

ai问答:使使用 Vue3 组合式API 和 TypeScript 父子组件demo

这是一个使用 Vue3 组合式 API 和 TypeScript 的简单父子组件示例 父组件 Parent.vue: <template> <div> <p>{{ msg }}</p> <Child /> </div> </template> <script lang="ts"> import { ......
父子 TypeScript 组件 Vue3 demo

vue settings.json

{ "background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "z-index": "99999", "width": "100%", "height": "100%", "bac ......
settings json vue

vue-cli安装成功后,使用vue -V命令找不到版本的问题

参考文章一:https://blog.csdn.net/Small_Yogurt/article/details/104968169 参考文章二:https://blog.csdn.net/weixin_43403746/article/details/124631637 我先参考第一篇文章,安装了 ......
vue 命令 vue-cli 版本 问题

vue运行npm install 时,卡在sill idealTree buildDeps没有反应

之前装过vue很简单就装上了,结果这次出了好多问题。 1.win+R再cmd打开的命令行,结果运行报错,说权限不够,只能再powershell用。 2.powershell挂了半天发现卡住不动了,原来是网络问题,用淘宝镜像解决。 方法如下: 使用命令设置为淘宝的镜像源: npm config set ......
idealTree buildDeps install sill vue

Vue3 Suspense

视频 3.Suspense 等待异步组件时渲染一些额外内容,让应用有更好的用户体验 使用步骤: 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./compo ......
Suspense Vue3 Vue

Vue3 Teleport

视频 2.Teleport 什么是Teleport?—— Teleport 是一种能够将我们的组件html结构移动到指定位置的技术。 <teleport to="移动位置"> <div v-if="isShow" class="mask"> <div class="dialog"> <h3>我是一个 ......
Teleport Vue3 Vue

Vue 创建一个Vue项目

首先,init一个项目 D:\javawebPractce\Vue 这是我的工程路径 创建命令 vue init webpack hello-vue hello-vue是我的项目名称 创建之后,我为了方便,将router自动安装了 安装element UI npm i element-ui -S 安 ......
Vue 项目

vue2源码-十三、nextTick在哪里使用?原理是什么?

nextTick在哪里使用?原理是什么? nextTick内部采用了异步任务进行包装(多个nextTick调用会被合并成一次,内部会合并回调)最后在异步任务中批处理。 主要应用场景就是异步更新(默认调度的时候就会添加一个·nextTick 任务)用户为了获取最终的渲染结果需要在内部任务执行之后再执行 ......
源码 nextTick 原理 vue2 vue

Vue3 Fragment

视频 五、新的组件 1.Fragment 在Vue2中: 组件必须有一个根标签 在Vue3中: 组件可以没有根标签, 内部会将多个标签包含在一个Fragment虚拟元素中 好处: 减少标签层级, 减小内存占用 ......
Fragment Vue3 Vue