项目vue3 vue
vue的form表单按回车键刷新
当vue的form表单只有一个输入框时，按回车会触发刷新整个页面，可以在form上用@submit.native.prevent来阻止刷新 <el-form ref="form" :model="form" :rules="rules" label-width="60px" @submit.nati ......
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 ......
Unity Android Studio 混合开发实践（Unity工程导入Android项目进行开发）
## 前言 最近接到一个任务是将一个unity开发的游戏接入到现有的Android项目里，然后在现有的App实现点击一个按钮打开游戏，并且在游戏内提供一个可以退出到App的按钮。 整体需求是很明确的，难点主要有两个： 1. 我们公司是做应用开发的，没有任何游戏开发的技能储备。 2. 在游戏中需要和N ......
关于 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'; ......
项目扩展 鱼皮 API 开放平台子项目 stateful-backend-frontend 项目总结
### 前言 学习程序员鱼皮API 开放平台项目开源项目：https://github.com/liyupi/yuapi-backend-public 通过开源项目中给出的前端技术栈，倒推 stateful-backend 的前端实现 #### 前端技术选型 - React 18 - Ant Des ......
从零做软件开发项目系列之八——系统部署调试
软件项目的部署和调试工作是项目开发生命周期中的重要阶段，它涉及将开发完成的软件应用程序部署到目标环境并进行测试和调试，以确保系统能够正常运行并满足用户需求。 ......
黑马教程金融类安全传输平台项目环境部署
> 看完这个教程之后[金融类安全传输平台项目（C/C++阶段五）](https://www.bilibili.com/video/BV1fg411j7SF/)，看见评论区有个兄弟分享了源码，https://github.com/Peachol/Secure_data_transmission 于是我 ......
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 ......
uniapp 项目实践总结(二)从零开始搭建一个项目
> 导语：本篇文章主要是项目方面的技术开发总结，新建一个项目可以选择使用可视化界面，也可以使用命令行搭建。 ## 目录 - 可视化界面 - 命令行搭建 - 安卓开发环境 - 苹果开发环境 ## 可视化界面 ### 安装软件 使用官方推荐的 HbuilderX 软件，开发方式比较简单，内置相关环境以及 ......
企业级开发项目"苍穹外卖"(一)
我不要当骑手，我要当老板~！ 环境搭建 先下载黑马的资料文件，里面day1的前端代码文件文件夹将其复制到一个全英文路径的地方，然后运行里面的nginx.exe，浏览器输入localhost如果有苍穹外卖的界面说明就成功了。 IDEA打开后端代码文件里面的sky-take-out，里面已经搭建好了三个 ......
敏捷开发方法管理项目，适应变化，引领未来
敏捷开发中的统计数据是非常重要的，它们可以帮助团队了解项目的进展和问题，从而更好地管理项目并做出决策。比如：燃尽图、迭代完成率、团队速度、缺陷的统计和跟踪，需求的完成进度等等，总之，统计数据在敏捷开发中扮演着重要的角色，可以帮助团队更好地了解项目、识别问题、优化工作流程并做出决策。
......
一台云服务器一个域名下，如何运行多个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 ......
如何提高项目的并发量
[toc] # 如何提高项目的并发量 ## 1 前端 1 用cdn(分布式的内容分发网，比如七牛云)。静态资源，放到cdn上。使用第三方存储（js，css，静态图片）。这样就不会向我的后端发送请求，项目的并发量就会增多一些。 2 用精灵图（一个大图，上面有很多小图，用定位，定位到小图），一次请求拿回 ......
django 项目的数据库设置
1、安装驱动 PyMySQL，mysql-client 2、在django 项目下 的setting 进行数据库配置 3、django 项目下的seething.py 同级目录中的 __init__.py 文件中初始化数据库 ......
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 ......