signaturepad简易 电子vue

vue项目管理

## 1. 端口 ```JAVASCRIPT const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
项目管理 项目 vue

vue2实现高度过渡效果,函数式组件

1.首先创建src下创建utils文件夹,创建transition.js文件封装过渡组件 const transitionStyle = '0.3s height ease-in-out' const Transition = { // 进入前 设置el元素的transition,高度0 befor ......
函数 组件 高度 效果 vue2

一步步完整搭建一个图纸管理系统(Django+Vue3)

# 图纸管理系统 ## 一、初步构建后端项目 ### 1、打开已经创建好的虚拟环境:激活activate(推荐使用虚拟环境)并创建项目 ![](https://img2023.cnblogs.com/blog/2240937/202305/2240937-20230524164953360-1300 ......
图纸 管理系统 Django 系统 Vue3

动态增加自动补全输入框 vue3 ts elementplus

父元素里这样 ` ` DomainItem1元素里这样 ``` {{ t("addto") }} ``` ![](https://img2023.cnblogs.com/blog/3004543/202305/3004543-20230524161943459-1882560835.png) 补全输 ......
elementplus 动态 vue3 vue ts

Vue3——基于tdesign封装一个通用的查询组件

# 前言 基于`Vue3+TS+tdesign`封装一个通用的查询组件; > 临时写的一个demo ![](https://img2023.cnblogs.com/blog/1334215/202305/1334215-20230524142016695-820366351.png) # 内容 ## ......
组件 tdesign Vue3 Vue

vue父子组件通信

一:在子组件中通过this.$parent.event来调用父组件的方法 父组件: <template> <div> <child></child> </div> </template> <script> import child from './components/dam/child'; exp ......
父子 组件 vue

全网最全的编程电子书大合集,超千本打包下载

分享计算机电子书,覆盖了Java、C、Python、Go等多种编程语言,更有算法、基础组件、框架、计算机基础等丰富多样的电子书。目前收录了1000+本免费分享,本栏目已被1w+个用户关注,希望我们整理的资源能够为程序员提供到学习帮助。 ......
全网 电子书 电子

vue自动导入组件和自动导入类库 api

vue3 项目中,使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等,以及导入多个自定义组件、UI 组件库的组件,都需要反复的手动导入,注册,很是影响开发体验,这里推荐 antfu 开源的两个插件,上链接: 自动导入组件 https://github.com ......
组件 vue api

Vue3 引入 jquery

通过 js包的方法 引入 jquery 当然也可以用 npm install jquery --save-dev 方法 但 引用 js包 方法 配置相对简单,在npm遇到问题时可采用此种方式 一.下载 jquery压缩包 官网下载:jquery.com/download/ 二.在根目录下 publi ......
jquery Vue3 Vue

vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能

一开始看到这个功能需求,我也很懵逼,因为从来没有做过啊,哈哈。。。但转念一想既然产品能提出这个需求,想必会有人实现过,就去网上查了查资料,果不其然,还真有人做过,但离我想要的效果还是差着十万八千里,所以按照网上大神的思路,结合我司的实际需求,自己就把它给捣鼓出来了。 其实刚做好的效果还是能实现产品... ......
组件 日历 日期 功能 shift

Vue3 useReusableTemplate 优雅的复用模板代码

### 在Angular中有一个很好用的功能,即在不封装组件的情况下复用模板代码: > eg: ```html hello, {{title}} ``` > 我们通过`ng-template`和`ng-container`的`ngTemplateOutlet`即可实现模板复用,非常的好用!! ### ......
useReusableTemplate 模板 代码 Vue3 Vue

windows环境下的vue部署(使用nginx)

首先需要将vue项目打包成dist,在需要部署的服务器上进行解压 然后我们使用nginx进行反向代理设置,具体操作如下 打开解压后的nginx,进入目录:nginx-1.23.4->conf,打开编辑nginx.conf *注意:对于后端路径的映射这里一定是 ^~/前缀/ 对应于地址的 端口/前缀/ ......
windows 环境 nginx vue

vue中<script setup>中使用watch方法

在setup选项里使用watch有两种办法。 ## 第一种:使用watchEffect watchEffect立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数,可以接收watchEffect的返回值用来停止监听。 示例: ``` {{message}} 修改message ......
方法 script setup watch vue

vue中<script setup>中使用computed方法

在setup选项里使用computed需要手动引入computed方法,computed接受一个 getter 函数,并根据 getter 的返回值返回一个不可变的响应式 ref 对象。或者,接受一个具有 get 和 set 函数的对象,用来创建可写的 ref 对象。下面来看示例。 父组件index ......
computed 方法 script setup vue

vue2子组件切换,监听方法失效(监听多个字段)

记录下问题 本来是在父页面上放了多个子组件,利用单选按钮控制每个组件,选择了某个按钮,设置该组件控制字段为true,例如v-if="component"来控制销毁创建,根据component=true或者flase来控制子组件创建或者销毁 后来发现子组件切换时,监听不生效,监听方法也加了immedi ......
字段 组件 多个 方法 vue2

vue中<script setup>中使用watch、computed、props等方法

` // 通过props传过来的是一个静态值,如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define ......
computed 方法 script props setup

vue this.$set的作用

在Vue.js中,`this.$set`是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。 Vue.js通过观察对象的属性来追踪其变化,从而实现数据的响应式。然而,当您添加一个新的属性时,Vue无法自动追踪该属性的变化。这就是`this.$set` ......
作用 this vue set

vue 性能优化

组件静态导入 import Some from "@/components/Some.vue"; 组件动态导入 import {defineAsyncComponent} from "vue"; const Some = defineAsyncComponent(()=>{ return impor ......
性能 vue

Charles使用教程【简易版】

## Charles抓包教程 ### 1、电脑安装charles ### 2、电脑打开charles后安装root证书 ### 3、电脑信任证书 ### 4、手机连接与电脑同一wifi ### 5、设置手机代理 wlan设置中将当前 wifi 的代理改成手动,主机名填电脑 ip,端口填8888 此时 ......
简易 Charles 教程

基于springboot+vue数码论坛系统设计与实现、论坛管理系统,附源码+数据库+lw文档+PPT

**1、项目介绍** 考虑到实际生活中在数码论坛方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。 (1)系统功能需求 登录系统后,主要模块包括首页、数码板块、数码评价、数码论坛、畅聊板块、新闻资讯、个人中心、后台管理等功能。系统功能用例图如图3-1所示。 ![](htt ......
系统 论坛 springboot 源码 管理系统

vue3.0组件封装

**组件全局祖册** 1.建立公共文件夹 my-ui 2.index.js文件导出全局祖册组件的install方法 ![](https://img2023.cnblogs.com/blog/2184338/202305/2184338-20230517192434243-1598447317.png ......
组件 vue3 vue

Windows 11 和 Rocky 9 Linux 平台 MySQL 8.0.33 简易安装教程

Windows 11 和 Rocky 9 Linux 初体验 MySQL8.0.33 简易安装教程。 MySQL 8.0 目前最新稳定版本已经更新到了 MySQL 8.0.33,估计下一个稳定版本(大约在今年 7月份)推出。当然,这是我个人根据MySQL 的发行注记做出的推测。 本篇总结作为对之前发... ......
简易 Windows 教程 Rocky Linux

vue项目国际化

#### 1、安装i18n ``` npm install vue-i18n -S 安装版本 8.26.5, 9.2.2亲测项目报错 ``` #### 2、main.js ```js // 引入 lang/index.js import i18n from './lang/index.js' // ......
项目 国际 vue

ele+vue简单操作

绑定值和字符串拼接: 1、:title="`字符串${xx}`" 2、:title="'字符串' + xx" 3.异步回调 setTimeReflush: function () { var _this = this; return new Promise(function (resolve, re ......
ele vue

vue中使用scss公共变量的方法 :export

vue中使用scss公共变量的方法 :export :https://blog.csdn.net/weixin_44698285/article/details/124051066?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant ......
变量 方法 export scss vue

Cesium结合GIS天地图 加载倾斜摄影3dtile + vue3

## 实现思路 将倾斜摄影OSGB数据转换为3dtile(转换方式很多,可以利用第三方工具cesiumlab) 利用Cesium加载GIS地图,我这里使用的是天地图,可以加载其他地图都行 加载3dtile数据到地图中展示 ## 安装插件 ``` npm install cesium ``` ## 加 ......
天地 Cesium 3dtile dtile vue3

Vue项目初次加载cesium | 配置

1. 首先配置`CESIUM_BASE_URL`全局变量 ``` window.CESIUM_BASE_URL = import.meta.env.BASE_URL + "Cesium/"; ``` 2. 把`node_modules\cesium\Build\Cesium`这个文件夹复制到`pub ......
项目 cesium Vue

vue安装与初始化

# vue npm 使用 验证 安装 ## 安装vue ```bash npm install --global vue-cli ``` ## vue版本 ```bash vue -V ``` ## 其他版本 ```bash node -v npm -v ``` ## 查询当前镜像地址 ```bas ......
vue

Mysql简易安装介绍

**1. 建议压缩包安装** 解压到对应文件,配置环境变量到path: ```mysql D:\mysql-5.7.19-winx64\bin ``` **2. 新建mysql配置文件my.ini** 在mysql根安装目录下新建mysql配置文件my.ini,文件内容如下: ```mysql [m ......
简易 Mysql

vue项目加载会出现花括号{{}}的解决方法

使用v-cloak指令这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none }一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。 <div v-cloak> {{ message }} </div> [v-cloa ......
括号 方法 项目 vue