signaturepad简易 电子vue

VUE slot 插槽失效、不起作用 、 显示失败问题解决、默认内容没有失效、undefined,样式不生效等某些异常

主要原因是 vue 和 vue-template-compiler 的版本号不对应,本地和线上的可能不一致 编译结果不对应 本地环境使用的版本一般是一致的,提交到线上,打包模块 vue-template-compiler 可能和本地不一致,vue.js 有可能做过 cdn,又是另一个小版本... 导 ......
样式 undefined 作用 内容 问题

vue-esign插件实现手写电子签名

vue-esign插件实现手写电子签名 本文转载出处 https://blog.csdn.net/weixin_45178215/article/details/117249600 https://www.jianshu.com/p/cfb9d5998cd6 功能 兼容 PC 和 Mobile; 画 ......
vue-esign 插件 esign 电子 vue

VUE3 页面空白不报错,刷新之后正常显示

问题: VUE用的不多,写了两个页面展示表格和图形,刚开始运行正常,页面切换也没有问题。 后面增加一些代码后,页面显示空白,但前后端都不报错,并且先点击此菜单再点别的也都变空白。 原因: 1、<template>中间没有div标签 错误写法: <template> 直接开始布局 </template ......
空白 页面 VUE3 VUE

vue的form表单按回车键刷新

当vue的form表单只有一个输入框时,按回车会触发刷新整个页面,可以在form上用@submit.native.prevent来阻止刷新 <el-form ref="form" :model="form" :rules="rules" label-width="60px" @submit.nati ......
回车键 表单 form vue

Vue

1、Vue 获取表格行索引 参考地址:https://devpress.csdn.net/vue/632bf8ce357a883f870c7bfa.html 2、Vue 组件间传值 参考地址 :https://blog.csdn.net/m0_74343097/article/details/128 ......
Vue

VUE路由(2018)

在当前的前端开发中,路由是一个很重要的概念,尤其是针对单页面app,因为通过路由可以实现不跳转加载刷新。比如angular应用,vue应用。 VUE路由语法: 1.首先,安装方法和angular路由类似,可以单独安装,也可以直接使用VUE-cli集成使用。 2.vue接收路由的渲染输出的标签是<ro ......
路由 2018 VUE

Vue学习笔记一(2019)

1.Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (sta ......
笔记 2019 Vue

关于 Vue2.0 中 element-ui@2.15.7 中使用 vue-final-modal@2.4.3 弹窗库 出现了 el-cascader 点击外部,popover不隐藏的问题

原因:element-ui 是在 document 上通过监听 mousedown 和 mouseup 事件-来组合判断是否点击的外部【可查看 element-ui 的自定义指令 v-clickoutside】 vue-final-modal 在 .vfm__content dom 上使用 e.st ......

vue3结合arcgis加载高德底图

加载arcgis先查看这个文章 [vue3中使用arcgis](https://www.cnblogs.com/ZerlinM/p/17666502.html) ## 高德 ``` const map = new Map({ basemap: '', // 此处置为空 }) mapView = ne ......
arcgis vue3 vue

HBuilder+vue开发微信小程序webview与H5通信

需求:在h5页面点击提交按钮后,小程序需要返回上一页 前提:webview打开的url需要用小程序账号登录微信公众平台设置业务域名H5: 1.运行命令安装一下这个包 npm i wexin-js-sdk 2.引入到需要使用的页面 3.postMessage通信 小程序: 2023年8月30日2023 ......
HBuilder webview 程序 vue

vue粒子特效插件的使用——vue-particles

1、 安装vue-particles插件 npm install vue-particles --save 2、在main.js引入插件 import Vue from 'vue' import VueParticles from 'vue-particles' Vue.use(VueParticl ......
粒子 vue-particles vue particles 插件

Vue3中watch的用法

在Vue3中,watch 选项的用法与之前版本的Vue略有不同。Vue3中使用了Composition API,在组合式API中,watch 选项被替换成了一个新的函数 watchEffect 和一个新的函数 watch。下面是关于 watchEffect 和 watch 的用法说明: watch  ......
watch Vue3 Vue

vue菜单组件中图标跟随菜单高亮变化颜色

#### 问题 在vue左侧菜单中,使用设计师的svg图标有时候不能跟随菜单高亮而改变颜色 未高亮时显示灰色 ![image](https://img2023.cnblogs.com/blog/2248381/202308/2248381-20230830100424270-1668796287.p ......
菜单 图标 组件 颜色 vue

vue3中使用arcgis

## 安装 **@arcgis/core方式** 通过[@arcgis/core](https://developers.arcgis.com/javascript/latest/typescript-setup/)加载地图资源,默认是半本地化的,因为 assests 资源是通过 https://j ......
arcgis vue3 vue

vue2.0截图 html2canvas or dom-to-image 并解决openlayers截图空白问题

1.版本 "dom-to-image": "^2.6.0", // or "html2canvas": "^1.4.1", 2.引入 import domtoimage from 'dom-to-image'; // or import html2canvas from 'html2canvas'; ......

电子元器件 — 基本知识

# 电子元器件 — 基本知识 ## 一、电阻 电阻的分类:固定电阻、电位器和敏感电阻。 ### 1.固定电阻 实物外形与图形符号: ![Snipaste_2023-08-29_22-10-56](https://img2023.cnblogs.com/blog/3061933/202308/3061 ......
基本知识 元器件 知识 电子

电子书阅读

#电子书阅读 ##我和电子书 我开始尝试使用电子书(微信读书)还是因为娄老师的推荐和学习要求,习惯阅读纸质书的我一开始还是不太习惯使用电子书,在老师的要求过后也没有继续使用,但是后来在自己开始做项目和整理资料的时候发现,大量的书籍资料如果都需要自己去图书馆进行逐本查阅的话,费时且效率非常低下,而且难 ......
电子书 电子

树莓派+Motion动作捕捉+腾讯云轻量服务器实现简易监控设备

最近在读Vamei大神的《树莓派开始玩转linux》,当读到第13.4节的时候发现了Motion这个轻量级的监控软件,在树莓派上复现的时候遇到了一些问题,在解决的过程中看到了[连接数据库](https://blog.csdn.net/vpqtxzmzezeqjj9977)的【入坑树莓派】motio ......
树莓 轻量 监控设备 简易 动作

iview Cascader loadData Vue

<template> <div> <Card dis-hover> <div class="page-body"> <Form ref="queryForm" :label-width="90" label-position="left" inline> <Row :gutter="16"> <Co ......
Cascader loadData iview Vue

一台云服务器一个域名下,如何运行多个JAVA后端项目和多个VUE前端项目

拿若依前后端分离版项目举例: 修改前端代码 ruoyi-ui/vue.config.js // 二级目录名称ruoyi-ui publicPath: '/ruoyi-ui/', ruoyi-ui/src/router/index.js export default new Router({ mode ......
多个 项目 前端 服务器 域名

Vue3 响应式工具函数

isRef()​ 检查某个值是否为 ref。 unref()​ 如果参数是 ref,则返回内部值,否则返回参数本身。这是 val = isRef(val) ? val.value : val 计算的一个语法糖 toRef()​ 可以将值、refs 或 getters 规范化为 refs (3.3+) ......
函数 工具 Vue3 Vue

Vue 时间插件 moment 使用

下载安装 npm install moment -s 全局方法 main.js 里面注册生成 import * as moment from 'moment' Vue.prototype.$moment = moment 全局过滤器 全局过滤器实现日期格式化 // 用法:1.{{ item.time ......
插件 时间 moment Vue

vue——前后端实现SM4加解密

参考: 1.VUE + Springboot + SM4前端加密 后端解密 https://www.cnblogs.com/caoxwen/p/16179683.html 前端 1.引入gm-crypt npm install gm-crypt 2.封装js sm4Util.js const SM4 ......
vue SM4 SM

数据可视化【原创】vue+arcgis+threejs 实现海量建筑物房屋渲染,性能优化

本文适合对vue,arcgis4.x,threejs,ES6较熟悉的人群食用。 先报备一下版本号 "vue": "^2.6.11" "@arcgis/core": "^4.21.2" "three": "^0.149.0" 语法:vue,ES6 其实现在主流很多海量建筑渲染的方案是加载3DTiles ......
海量 建筑物 性能 threejs 房屋

Vue3 watchEffect()

watchEffect()函数的作用是接收函数作为参数,并立即执行该函数,当该函数依赖的数据发生变化时,重新运行该函数。 <template> <span> <p>{{num}}</p> <button @click="btnFn">+1</button> </span> </template> < ......
watchEffect Vue3 Vue

vue2父子组件传值

在Vue中,父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解: 1. 使用props进行属性传递: - 父组件通过在子组件标签上绑定属性,将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性,并在组件内部使用。 父组件: `` ......
父子 组件 vue2 vue

Vue3 readonly()

readonly()函数的作用是接收一个对象,其可以是普通对象,也可以是响应式对象,然后返回接收对象的只读代理对象。 通俗地讲,即如果想要一个对象是只读的,就使用readonly()函数。 <template> <span> <p>{{obj}}</p> <p>{{newobj}}</p> </sp ......
readonly Vue3 Vue

vue sort 排序

Vue.js提供了多种实现排序的方式。下面列举了几种常见的排序方法及示例代码。 1、使用JavaScript原生的Array.prototype.sort()方法进行排序。这种方法适用于简单的数组排序需求。 // 在Vue组件中的方法中使用sort方法进行排序 data() { return { m ......
sort vue

vue横向滚动,并且实现点击左右按钮来进行滚动

直接上代码,可以点击左和右两个汉字进行横向滚动 <template> <div class="Home"> <div style="display: flex;height: 100%;align-items: center;"> <div @click="scrollLeft('scrollCon ......
横向 按钮 vue

Vue【原创】基于elementui的分组多选下拉框【group-list】

效果图: 如图分为多选模式和单选模式。 group-select: 1 <template> 2 <div> 3 <el-select 4 v-model="innerValue" 5 :placeholder="placeholder" 6 @change="changeSelect" 7 :cl ......
group-list elementui group list Vue