reactive effect vue 3.0
数据可视化【原创】vue+arcgis+threejs 实现流光边界线效果
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......
vue 支持 超大上G,多附件上传
ASP.NET上传文件用FileUpLoad就可以，但是对文件夹的操作却不能用FileUpLoad来实现。 下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。 ASP.NET页面设计：TextBox和Button按钮。 编辑 TextBox中需要自己受到输入文件夹 ......
node18 vue2启动报错 error:0308010C:digital envelope routines::unsupported
#### 出现原因 貌似是因为是因为 node 17版本开始发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。 #### 解决方法 ##### 第一种方法降低node版本 降低到17以下即可 ，如项目不能降低版本 看后面的解决方式 ......
基于vue3 封装一个图片裁切功能组件 vue-cropper.js
##使用的vue-cropper.js，官方文档 https://github.com/xyxiao001/vue-cropper ##附图片各格式之间的转换 https://www.cnblogs.com/huihuihero/p/17667325.html ##注意：下载vue-cropper. ......
若依Vue2.0框架学习之路由跳转
## 免责声明 + 新项目在若依前后端分离(Vue2.6.x + Springboot2.2.x)模板基础上进行项目开发，苯人真得学学模板吧！理解错误概不负责，毕竟ko no 菜鸡一枚 da。 + 我们幼儿园有适合自己看的注释拉满文档！ + 本篇只涉及路由跳转，什么登录流程和权限管理先往后稍稍。 # ......
VUE slot 插槽失效、不起作用 、 显示失败问题解决、默认内容没有失效、undefined，样式不生效等某些异常
主要原因是 vue 和 vue-template-compiler 的版本号不对应，本地和线上的可能不一致 编译结果不对应 本地环境使用的版本一般是一致的，提交到线上，打包模块 vue-template-compiler 可能和本地不一致，vue.js 有可能做过 cdn，又是另一个小版本... 导 ......
vue-esign插件实现手写电子签名
vue-esign插件实现手写电子签名 本文转载出处 https://blog.csdn.net/weixin_45178215/article/details/117249600 https://www.jianshu.com/p/cfb9d5998cd6 功能 兼容 PC 和 Mobile； 画 ......
VUE3 页面空白不报错，刷新之后正常显示
问题： VUE用的不多，写了两个页面展示表格和图形，刚开始运行正常，页面切换也没有问题。 后面增加一些代码后，页面显示空白，但前后端都不报错，并且先点击此菜单再点别的也都变空白。 原因： 1、<template>中间没有div标签 错误写法： <template> 直接开始布局 </template ......
vue的form表单按回车键刷新
当vue的form表单只有一个输入框时，按回车会触发刷新整个页面，可以在form上用@submit.native.prevent来阻止刷新 <el-form ref="form" :model="form" :rules="rules" label-width="60px" @submit.nati ......
A pure js Array reactive solution with Proxy and Reflect All In One
A pure js Array reactive solution with Proxy and Reflect All In One
纯 js 实现数组响应式
......
Vue
1、Vue 获取表格行索引 参考地址：https://devpress.csdn.net/vue/632bf8ce357a883f870c7bfa.html 2、Vue 组件间传值 参考地址 ：https://blog.csdn.net/m0_74343097/article/details/128 ......
VUE路由（2018）
在当前的前端开发中，路由是一个很重要的概念，尤其是针对单页面app，因为通过路由可以实现不跳转加载刷新。比如angular应用，vue应用。 VUE路由语法： 1.首先，安装方法和angular路由类似，可以单独安装，也可以直接使用VUE-cli集成使用。 2.vue接收路由的渲染输出的标签是<ro ......
Vue学习笔记一（2019）
1.Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (sta ......
关于 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 ......
HBuilder+vue开发微信小程序webview与H5通信
需求：在h5页面点击提交按钮后，小程序需要返回上一页 前提：webview打开的url需要用小程序账号登录微信公众平台设置业务域名H5： 1.运行命令安装一下这个包 npm i wexin-js-sdk 2.引入到需要使用的页面 3.postMessage通信 小程序： 2023年8月30日2023 ......
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 ......
Vue3中watch的用法
在Vue3中，watch 选项的用法与之前版本的Vue略有不同。Vue3中使用了Composition API，在组合式API中，watch 选项被替换成了一个新的函数 watchEffect 和一个新的函数 watch。下面是关于 watchEffect 和 watch 的用法说明： watch ......
vue菜单组件中图标跟随菜单高亮变化颜色
#### 问题 在vue左侧菜单中，使用设计师的svg图标有时候不能跟随菜单高亮而改变颜色 未高亮时显示灰色 加载地图资源，默认是半本地化的，因为 assests 资源是通过 https://j ......
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'; ......
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 ......
一台云服务器一个域名下，如何运行多个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+) ......
Vue 时间插件 moment 使用
下载安装 npm install moment -s 全局方法 main.js 里面注册生成 import * as moment from 'moment' Vue.prototype.$moment = moment 全局过滤器 全局过滤器实现日期格式化 // 用法：1.{{ item.time ......
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+arcgis+threejs 实现海量建筑物房屋渲染，性能优化
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 先报备一下版本号 "vue": "^2.6.11" "@arcgis/core": "^4.21.2" "three": "^0.149.0" 语法：vue，ES6 其实现在主流很多海量建筑渲染的方案是加载3DTiles ......
Vue3 watchEffect()
watchEffect()函数的作用是接收函数作为参数，并立即执行该函数，当该函数依赖的数据发生变化时，重新运行该函数。 <template> <span> <p>{{num}}</p> <button @click="btnFn">+1</button> </span> </template> < ......
vue2父子组件传值
在Vue中，父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解： 1. 使用props进行属性传递： - 父组件通过在子组件标签上绑定属性，将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性，并在组件内部使用。 父组件： `` ......
Vue3 readonly()
readonly()函数的作用是接收一个对象，其可以是普通对象，也可以是响应式对象，然后返回接收对象的只读代理对象。 通俗地讲，即如果想要一个对象是只读的，就使用readonly()函数。 <template> <span> <p>{{obj}}</p> <p>{{newobj}}</p> </sp ......