signaturepad简易 电子vue

使用vite创建vue程序,同时引入element-plus

步骤如下: 一、安装vite npm install -g create-vite 二、创建vue程序,不需要先创建好空的文件夹,直接执行下面的代码即可 create-vite test --template vue 三、使用npm引入element-plus npm install element ......
element-plus 同时 element 程序 vite

vue3 | mitt的基本使用

# 一、安装 ``` npm i mitt ``` ``` pnpm i mitt ``` ``` yarn add mitt ``` # 二、使用 ## (一)、当前组件内使用 ```javascript import mitt from 'mitt' //创建一个事务总线 const emitt ......
vue3 mitt vue

关于vue data数据{__ob__: Observer }的问题

比如用axios请求到数据,如果是用的then,那直接赋值给data对象里的属性。但是有情况是需要外部赋值,那就是异步请求的问题,外部打印接收赋值的变量为空,但是then里面打印,并且是带有{__ob__: Observer },这是vue本身对数组对象的监控器,没什么影响,你赋值那肯定监听,并不是 ......
Observer 数据 问题 data vue

项目需求文档一定要电子化

项目的所有需求,必须提需求文档,需求文档需入库管理,需求修改需同步修改需求文档。 这样,遇到需求迁移,如果代码无源码,或者代码迁移失败,可以根据需求文档重新开发。 避免因人员离职,时间久远而出现的需求模糊问题。 需求文档电子化,还可以标准化需求文档,统一文档格式,不会出现不同人员不同风格,方便组内成 ......
需求 文档 项目 电子

MacBook 搭建 VUE3 开发环境

MacBook 搭建 VUE3 开发环境 作者:IT蜗壳-Tango 2021-11-06 本文字数:552 字 阅读完需:约 2 分钟 最近在看“大圣”老师的《玩转 Vue 3 全家桶》专栏。目前(2021.11.6)还在连载中,今天就一起在 Mac 上搭建一下开发环境。 1. 安装 Node.j ......
MacBook 环境 VUE3 VUE

vue3 使用provide inject父子组件传值传不过去且传递后子组件不具备响应性

通过axios异步获取数据后传值 问题:在项目中一般是通过接口请求到数据后再传递给子级,provide和inject如果直接再调用接口的方法内传值会报警告,而且值也传递不过去。就是说provide()必须在setup根节点处才能使用,在方法里面用是不行的 但是,直接在setup根节点处传递,由于数据 ......
组件 父子 provide inject vue3

vuejs3.0 从入门到精通——vue3创建项目的时候卡顿,比较慢

vue3 创建项目的时候卡顿,比较慢 使用 vue3 命令 vue create vue3-element-plus-admin 创建项目时,一直出现卡顿,导致无法创建项目,如下: 解决办法: 1、检查 npm 源: //查看源,可以看到设置过的所有的源 $ npm config get regis ......
时候 项目 vuejs3 vuejs vue3

vue3集成jsoneditor

## 一、背景 之前在做录制回放平台的时候,需要前端展示子调用信息,子调用是一个请求列表数组结构,jsoneditor对数组的默认展示结构是[0].[1].[2]..的方式,为了达到如下的效果,必须用到 onNodeName的钩子函数,因此深入调研了下vue3如何集成jsoneditor 最后做出来 ......
jsoneditor vue3 vue

vue3 webpack qiankun微前端

**qiankun: https://qiankun.umijs.org/zh/guide** **demo源码gitee:https://gitee.com/philippines-kisses-snow/qiankun-demo** > 官方对微应用的说明:通常这种场景下微应用是一个不带路由的可 ......
前端 qiankun webpack vue3 vue

vue3之跳转页面时判断是否跳转

vue3之跳转页面时判断是否跳转 onBeforeRouteLeave((to, from, next) => ( if (ruleAllChange .value){ ElMessageBoxconfirm( "数据未保存,请问是否继续跳转?", "确认" {confirmButtonText:" ......
页面 vue3 vue

vue使用socket.io

# Vue 项目使用socket.io 使用library *socket.io-client* 或者 *vue-socket.io* npm install socket.io-client || npm install vue-socket.io ## 使用*socket.io-client* ......
socket vue io

vue项目打包后白屏或者报错Failed to load resource: net::ERR_FILE_NOT_FOUND以及图标为小方框

一、在做完项目之后直接执行npm run build命令,出现空白 1、打包后的dist目录下的文件引用路径不对,会因为找不到文件而报错导致白屏1解决办法:修改一下config下面的index,js中Build模块导出的路径因为index.html里边的内容都是通过script标签引入的,而你的路径 ......

vue3+typescript +uniapp中select标签

` ` ts的代码: `` 相当于 v-model ` ` 主要是因为 uniapp 的v-model 编译之后无法支持 微信小程序,所以要麻烦很多 转成 :value + @change 来实现 ......
typescript 标签 select uniapp vue3

解决vue项目build的时候报错Warning: Accessing non-existent property ‘cat‘ of module exports inside circular

* 正在执行任务: npm run build > selection-tool@1.0.0 build> node build/build.js - building for production...(node:8992) Warning: Accessing non-existent prop ......

vue使用animate.css

1.在命令行中执行:npm install animate.css --save 2.main.js 中: import animated from 'animate.css' // npm install animate.css --save安装Vue.use(animated) 3.使用 <di ......
animate vue css

Vue中 全局限制输入特殊字符

1.新建emoji.jsimport Vue from 'vue'; // 禁止输入特殊字符Vue.directive('emoji', { bind: function (el, binding, vnode) { // 正则规则可根据需求自定义 const regRule = /[`~^!@#$ ......
全局 字符 Vue

学习 vue.js 3.0 中遇到的前端相关网站汇总

序章 最近学习 vue.js,期间遇到不少相关网站,特整理于本文。 学习教程 菜鸟教程 https://www.runoob.com/ 阮一峰:Flex 布局教程 语法: https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 实例: ht ......
前端 网站 vue 3.0 js

Vue3 setup 如何添加name

Vue3 setup 如何添加name 小满zs 2022-11-29 15:5810778 开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第2天,点击查看活动详情 Vue3中name有什么用呢? 1.在递归组件的时候需要定义name 2.配合keep-alive includ ......
setup Vue3 name Vue

vue--day78---路由的基本使用

### 1.基本使用 1. 安装vue-router,命令:```npm i vue-router``` 2. 应用插件:```Vue.use(VueRouter)``` 3. 编写router配置项: ```js //引入VueRouter import VueRouter from 'vue-r ......
路由 vue day 78

vue3探索——使用ref与$parent实现父子组件间通信

在vue3中,可以使用vue3的API `defineExpose()`函数结合`ref`或者`$parent`,实现父子组件数据的传递。 # 子组件向父组件传递数据`defineExpose()`和`ref` - 子组件:通过`defineExpose()` 函数,向外暴露响应式数据或者方法 `` ......
父子 组件 parent vue3 vue

一次尝试:一种基于Common Lisp的简易单词本命令行工具

## 绪论 ### 背景 英语的学习给现代中国学生带来了极大的挑战。学习英语的一种常规做法是记录纸质笔记。然而,常规的纸质笔记具有书写慢、不易修改的特点……(编不下去了)。为了简化英语单词笔记记录、查看的操作,本文基于一种简单的数据管理方法,提出一种新型单词本,即`lisp-dictionary`命 ......
单词 简易 命令 工具 Common

电路与电子技术基础(1)

# 电子与电子技术基础初步 ## 电路的组成 1. 电源 例如: 蓄电池和干电池: 化学能转换成电能 2. 负载 实际的负载包括电动机、电动工具和家用电路 3. 导线 4. 开关 ## 电路的作用 1. 电能的传输、转换 2. 信号的传递、处理 ## 电路的基本物理量 > 大写直流--不变 > 小写 ......
电子技术 电路 基础 电子 技术

使用 vue 渲染静态模板

最近再一次需要做纯静态页面(无任何脚本语言,只保留 css 和 html),以往我直接使用 ejs 生成,但是工作中一直使用 jsx 和 vue 来组装页面,就突发奇想,难道 react、vue 不能只渲染纯静态页面吗? 有了这个想法,我就想验证下可行性,万能百度开始,找了一圈,发现基本都是需要脚本 ......
静态 模板 vue

如何在Vue项目中引入富文本编辑器(wang-enduit)

##介绍 官网 https://www.wangeditor.com/ ##安装 ``` yarn add @wangeditor/editor npm install @wangeditor/editor --save yarn add @wangeditor/editor-for-vue@nex ......
编辑器 wang-enduit 文本 项目 enduit

【坑】VUE中动态数据使用 wow.js 没效果的问题

一般来说正常使用都是在mounted 函数中 mounted() { this.$nextTick(() => { this.$wow.init() }) } 这样如果是死数据是可以正常出现效果的 但是如果是请求回来的数据是没有效果的 需要改一下生成时机 此处的newList 即为请求的数据 wat ......
效果 动态 数据 问题 VUE

一文解锁vue3中hooks的使用姿势

## vue3 中的 hooks 是什么? 简单来说如果你的函数中用到了诸如 ref,reactive,onMounted 等 vue 提供的 api 的话,那么它就是一个 hooks 函数,如果没用到它就是一个普通工具函数。至于它为什么叫 hooks,我的理解则是 > 它可以通过特定的函数将逻辑 ......
姿势 hooks vue3 vue

vue3如何监听 props 的变化?

背景 实际开发过程中,当需要通过 watch 监听传入的 props 的某个值的变化,来动态改变组件内部的样式,实现方式如下: export default { name: 'countdown', props: { showBox: { type: Boolean, required: true, ......
props vue3 vue

vue语言中的keep-alive的作用

在前端Vue语言中,keep-alive是一个抽象组件,用于在Vue组件树中缓存动态组件。它可以有效地保留组件的状态,以避免在组件之间切换时重复渲染和销毁组件,从而提高性能。 使用keep-alive包裹动态组件后,当动态组件被切换时,它将会被缓存,而不是被销毁。这样,组件的状态、DOM以及所有的子 ......
keep-alive 作用 语言 alive keep

小白最近比较闲,于是整理了一些日常使用的VUE组件

1.VUE中给Dom元素动态添加样式 VUE中,给 Dom 元素动态添加样式。 比如判断通过页面传递过来的值和env文件中配置的值是否一致,来动态添加元素的类,同时类的样式在 Style 中已经写好。 此时动态类名需要在 Dom 元素加载完成前添加上,否则样式可能添加不上。 这种情况下可以在 com ......
组件 VUE

vue项目新建 端口更改

#### vue项目新建步骤 vite创建vue3项目: 在需要的文件目录中输入cmd命令,打开命令窗口,在当前文件目录下创建项目(直接打开命令窗口,默认C盘创建项目) ``` 第一步:npm init vite-app vue-code //code为项目名 第二步:cd ./vue-code / ......
端口 项目 vue