signaturepad简易 电子vue
如何在 Vue.js 中引入原子设计？
本文为翻译文章，原文链接： https://medium.com/@9haroon_dev/introducing-atomic-design-in-vue-js-a9e873637a3e 前言 原子设计是一种创建设计系统的方法，它将用户界面分解为可重用的小组件，即： Atoms 原子 Molecu ......
vue3 计算属性的使用
<script setup> import { ref,computed } from 'vue' const msg = ref(1) const clickMsg = () =>{ msg.value++; console.log('+++')} const clickMsgjj = () => ......
用HarmonyOS做一个可以手势控制的电子相册应用（ArkTS）
介绍 本篇 Codelab 介绍了如何实现一个简单的电子相册应用，主要功能包括： 1. 实现首页顶部的轮播效果。 2. 实现页面多种布局方式。 3. 实现通过手势控制图片的放大、缩小、左右滑动查看细节等效果。 相关概念 ● Swiper：滑块视图容器，提供子组件滑动轮播显示的能力。 ● Grid：网 ......
[Vue]计算属性computed
计算属性: 1. 定义: 要用的属性不存在，要通过已有属性计算得来。 2. 原理: 底层借助了 Objcet.defineProperty 方法提供的 getter 和 setter 。 3. get 函数什么时候执行? (1). 初次读取时会执行一次。 (2). 当依赖的数据发生改变时会被再次调用 ......
使用星火chatGPT接入vue前端页面
接入科大讯飞的星火chatGPT大模型首先需要有token(现在可以免费领取10万字符) 然后就可以开始接入了，这里无非就是配置自己的 apiKey，apiSecret，appId，然后进行发送WebSocket并且拼接返回值进行显示（注意星火大模型的v1和v2链接有点不一样）： 页面： <temp ......
Vue.js框架：vue3版本父子组件之间的传值和事件触发
一、子组件 使用vue3官方提供的setup语法糖中给出的defineEmits、defineProps来定义父子间的传参值和关联方法（useContext在3.2版本之后已去除）。 <script setup lang="ts"> import { defineProps, defineEmits ......
Vue源码学习(十三):nextTick()方法
好家伙，nextTick, (...这玩意,不太常用) 1.什么是nextTick 在Vue中，nextTick是一个用于异步执行回调函数的方法。 它在Vue更新DOM后被调用，以确保在下一次DOM更新渲染完成后执行回调函数。 而事实上,我们把队列处理的操作封装到了nexrTick方法中. 实际上， ......
电子公文传输系统团队项目 团队展示
电子公文传输系统团队项目 团队展示 一、团队建设 队名：第一组队 团队博客：diyizu 团队宣言：拒绝熬夜，绝不脱发 团队成员 卢泽（组长） 李严圣融 路炎 高端 葛洺君 胡卓越 二、团队展示 队员风采 卢泽 风格：实用主义 擅长技术：C、Python 编程兴趣：Python脚本 希望的软工角色： ......
北京电子科技学院（BESTI）实验报告
实验报告课程：计算机基础与程序设计 班级：2314 姓名：高伟光 学号：20231404 成绩：指导教师：娄佳鹏 实验日期：2022.9.26 实验密级： 预习程度：部分预习 实验时间：34节 仪器组次：无 必修/选修：必修 实验序号：实验一 实验名称：Linux基础命令实践实验 目的与要求：通过熟 ......
BUG：net::ERR_CONNECTION_REFUSED（前端Vue2、后端FastAPI）
BUG场景 一个前后端分离的项目，前端使用Vue2框架，后端使用FastAPI，前端想要传输图片给后端，使用的相关接口为： 'http://10.96.67.161:8081/uploadImg/' 后端FastAPI运行的代码为： if __name__ == '__main__': uvicor ......
vue项目中在外部js文件中直接调用vue实例的方法比如说this
一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期待的vue实例，那么就需要重新引入vue文件（import Vue from 'vue ......
电子公文系统团队项目1:团队展示
团队展示 队伍阵容 队名：变成辣椒片：如辣椒一般火爆，充满热情 队长：20211408王其 简介： 风格：内敛深沉，成熟稳重，同时也不失风趣幽默。C语言、Python、Java都会那么一点点，期望能担任起总设计的担子。 口号：Henshin～ 队员1:20211323罗俊逸 简介： 风格：我在编程中 ......
电子公文团队项目
电子公文传输系统团队项目 团队作业（一）：团队展示 一、团队组建 队名：man -K 团队博客：man-k 团队成员： 孔垂闽（队长） 农启镰（指导员） 王晨博（副队长） 丁乙倍（技术顾问） 厉彦宏（业务咨询） 二、团队展示 队员风采 孔垂闽： 风格：低声下气，业务白痴 擅长技术：一点点不熟练的C ......
springboot+vue学习（2）
1、ref ：为子组件指定一个索引 ID，给元素或者组件注册引用信息。refs是一个对象，包含所有的ref组件。 <div id="parent"> <user-profile ref="profile"></user-profile>（子组件）</div> var parent = new Vue ......
springboot+vue学习
最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如：定义的 data 的 form 里面是空对象，需要动态生成里面的 key export default { da ......
npm安装datav-vue3(一个大屏边框和装饰组件)后报错Failed to resolve entry for package "@dataview/datav-vue3". The package may have incorrect main/module/exports specified in its package.json.
原因:个人认为应该是npm上的版本比较低,因为弄好后装饰只能用到第8个,后面的都没有,查看package.json里它的版本为^0.0.0-test.1672506674342,也就是说还没有正式版,在官方的说明里也有体现 [目前还处于 Alpha 阶段，所有的 API 及 Props 都可能在后续 ......
[Vue]事件修饰符
Vue中的事件修饰符：1. prevent：阻止默认事件（常用）；2. stop：阻止事件冒泡（常用)；3. once：事件只触发一次（常用）；4. capture：使用事件的捕获模式；5. self：只有event.target是当前操作的元素是才触发事件；6. passive：事件的默认行为立即 ......
使用 Ant Design Vue 你可能会遇到的14个问题
公司有一个新需求，在原来项目基础上开发，项目中使用 Ant Design Vue，版本是 1.X ,在此记录下遇到的问题；对于没有使用过或者使用程度不深的同学来说，希望可以帮助你在开发中遇到问题时有个参考。对于已经熟练使用的同学，可能这些问题都遇到过，欢迎大家在评论区补充。 1、实现对下拉框显示的所 ......
电子公文传输系统团队项目 团队作业（一）：团队展示
电子公文传输系统团队项目 团队作业（一）：团队展示 任务 团队展示 队名：线性相关组 队长:20211313周擎睿 队员:20211307李文婧，20211309宁心宇，20211313周擎睿，20211320林道坤，20211328张树杰 队员风采 20211313周擎睿： 风格：永远保持良好的态 ......
Vue.js框架：vue3版本引入使用element-ui
一、引入element-plus element-ui只支持vue2，vue3需要引入element-plus进行使用，两个分别对应vue2和3两个版本，各自独立，无法跨级兼容。 地址：https://element-plus.gitee.io/ 在vue3项目终端里使用以下命令引入该依赖： npm ......
Vue验证码模块
一个普通图形验证码的模块，使用方式如下: 导入模块 import random from '@/util/VerificationCode' 使用方式 this.randomObj = random({ id: 'random', api: { url: '/api/getCode', header ......
手撕Vue-实现事件相关指令
经过上一篇文章的学习，实现了界面驱动数据更新，接下来实现一下其它相关的指令，比如事件相关的指令，v-on 这个指令的使用频率还是很高的，所以我们先来实现这个指令。 v-on 的作用是什么，是不是可以给某一个元素绑定一个事件。 紧接着了解了 v-on 的作用之后，我在 example.html 的结构 ......
vue实现点击复制功能(无需安装库)
1.标签 <button v-copy="text">复制文本</button> text是要复制的内容，在data函数中 2.在main.js中注册copy指令 Vue.directive('copy', { bind: function(el, binding) { el.$copy = fun ......
html 不使用脚手架 如何使用vue组件 1
html 不使用脚手架 要使用vue组件的话有两种方法 1 使用 vue3-sfc-loader git地址: https://github.com/FranckFreiburger/vue3-sfc-loader cdn地址: https://cdn.jsdelivr.net/npm/vue3-s ......
[Vue]键盘事件
1. Vue中常用的按键别名: 回车=>enter 删除=>delete(捕获“删除”和“退格”键) 退出=>esc 空格=>space 换行=>tab(特殊，必须配合keydown使用) 上=>up 下 =>down 左=>left 右=>right 2. Vue未提供别名的按键，可以使用按键原始 ......
详解vue大文件视频切片上传的处理方法
前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能,接下来就详细的给大家介绍一下vue大文件视频切片上传的处理方法,需要的朋友可以参考下 前端上传大文件、视频的时候会出现超时、过大、很慢等情况，为了解决这一问题，跟后端配合做了一个切片的功能。 我这 ......
手撕Vue-界面驱动数据更新
经过上一篇文章，已经将数据驱动界面改变的过程实现了，本章节将实现界面驱动数据更新的过程。 界面驱动数据更新的过程，主要是通过 v-model 指令实现的, 只有 v-model 指令才能实现界面驱动数据更新的过程。 好了，那么说了是通过 v-model 那么直接处理下 CompilerUtil 中的 ......
Vue前端框架
Vue 渐进式 javacript 框架 @vue/cli脚手架 @vue/cli安装 目标: 把@vue/cli模块包按到全局, 电脑拥有vue命令, 才能创建脚手架工程 全局安装命令 yarn global add @vue/cli # OR npm install -g @vue/cli 注意 ......