事项vue cli 01
关于vue2路由跳转问题记录
1. vue 路由间跳转和新开窗口的方式（query， params） 路由间跳转配置： query方式：参数会在url中显示 this.$router.push({ path: '路由地址', query: { msg: 'hello world' } }) params方式：传参数据不会在导航栏 ......
vue+vant实现浮动导航栏点击定位到模块，且选中效果随滚动切换
1.主页面中导入浮动导航栏（使用vant的粘性布局sticky组件，使首屏下方的导航栏随页面滚动浮动在想要的位置）： <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; positi ......
记录vue 3 、Element Plus 框架可进行开发的可选导入语句
Vue 3 框架中有许多可选的导入语句，用于在开发过程中使用不同的功能和特性。以下是一些常见的 Vue 3 可选导入语句示例： ref、reactive、toRefs：用于创建响应式数据和处理数据的函数。 computed：用于创建计算属性的函数。 watch：用于监听数据变化的函数。 nextTi ......
vue中使用mqtt实现实时通信
## 简介 MQTT（Message Queuing Telemetry Transport，消息队列遥测传输协议），是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议，是 TCP/IP 的再封装，由 IBM 在 1999 年发布。MQTT 最大优点在于，地开销，少流 ......
module vue has no exported member h vetur 2614
一、尝试了 引入h函数，怎么都是失败 二、 最后是在函数里面，使用 const h = this.$createElement 得到方法 三、 ......
vue 组件定位插件 webpack-code-inspector-plugin -- 强烈推荐
# 作用 alt + shift + 鼠标左键 自动跳转 vscode项目的组件代码 # 项目地址 https://github.com/zh-lx/code-inspector/blob/main/packages/webpack-plugin/README.md # 使用方法 ``` npm i ......
前端vue单个文件上传支持图片，压缩包以及文件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066
#### 前端vue单个文件上传支持图片，压缩包以及文件 ， 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066 #### 效果图如下： { let obj = {} for(let i in v){ if(obj[v[i]]){ return true } obj[v[i]] = true } return false }, 以上就是 直播平台怎么搭建 ......
vue+html2canvas生成寄几想要的海报
需求： 点击弹出一个弹窗，其中是某个作品内容的海报，需要呈现作品的内容+二维码 思路： 获取作品内容渲染到弹窗中，生成包含分享链接的二维码，将整个界面转为图片，用户可以长按保存，并扫描识别。 方案及步骤： 1.引入html2canvas实现生成图片的功能 npm install --save htm ......
vue中this.$refs获取不到组件元素的解决办法
vue中this.$refs获取不到组件元素的解决办法 http://www.allyns.cn/info/162 当我们在vue开发中遇到使用this.$refs报错获取不到组件元素时。 <template> <div class="dataQueryEventGraphDialog"> <hg- ......
Vue el-date-picker 日期组件的使用，需要初始化时间，初始化时间时候，注意 日期月份 补0
Vue el-date-picker 日期组件的使用 需要初始化时间，初始化时间时候，注意 日期月份 补0 https://www.cnblogs.com/zhoushuang0426/p/10606863.html 一:显示年月 <el-date-picker v-model="selectMon ......
由于nvm踩坑而引发的‘vue‘不是系统内部或外部命令
首先可以检查一下nvm中你使用的node版本号里的node_global中是否有vue.cmd文件 如果有的话，这位博主的文应该会对你有所帮助：nvm中, vue不是内部或外部命令_诸葛韩信的博客-CSDN博客 如果没有，按以下步骤走 步骤： 1、检查环境变量 【注意：以下修改操作每次完成后都要记得 ......
vue-element-admin 上传图片慢问题处理
vue-element-admin自带上传图片组件，在使用的过程中发现上传速度很慢，尤其是上传一些大图需要耗时几十秒不能忍受。出现这种情况，是因为upload组件会将图片上传到action="https://httpbin.org/post" ，并返回转换成base64编码格式的数据。 格式类似： ......
vue在线预览pdf、word、xls、ppt等office文件
perview(row){ const typeArr = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'] let arr=row.url.split('.') let fileType=arr[arr.length-1] let url = '' if ......
使用NewSweptBlend的注意事项
Revit API 帮助文件 RevitAPI.chm 规定了两个输入配置文件 bottomProfile 和 topProfile 的以下要求： 类型：Autodesk.Revit.DB.SweepProfile。 它应该只包含一个曲线环。 输入配置文件必须位于一个平面中。 经过一番研究和讨论，我 ......
vue之computed
## 对Vue computed的理解 ### 一、什么是computed Vue的computed属性是一种计算属性，它的值是根据其他属性计算而来的。Vue会自动追踪computed属性所依赖的属性，并在这些属性发生变化时重新计算computed属性的值。 computed属性的实现原理是使用了V ......
vue的自定义指令
自定义指令 含义 vue官方提供了v-text,v-bind,v-for,v-model,v-if等常用指令，除此之外vue还允许开发者自定义指令。 自定义指令分为两类： 私有自定义指令 全局自定义指令 注意事项 自定义指令使用时需要添加 v- 前缀 指令名如果是多个单词，要使用 kebab-cas ......
背包问题 V3（ $01$ 分数规划入门题）
附赠题目链接：[$\text{51Nod-1257}$](https://vjudge.net/problem/51Nod-1257) [toc] ## $\text{description}$ $n$ 个物品的体积为 $w_1,w_2,\cdots,w_n$（$w_i$ 为整数），与之相对应的价值 ......
【一步步开发AI运动小程序】十二、自定义一个运动分析器，实现计时计数01
> 随着人工智能技术的不断发展，阿里体育等IT大厂，推出的“乐动力”、“天天跳绳”AI运动APP，让**云上运动会、线上运动会、健身打卡、AI体育指导**等概念空前火热。那么，能否将这些在APP成功应用的场景搬上小程序，分享这些概念的红利呢？本系列文章就带您一步一步从零开始开发一个AI运动小程序，本 ......
html使用script 引入vue.js文件
使用script引入vue.js的方法： 1、使用<script> 标签直接引入本地vue.js文件 首先使用在 Vue.js 的官网上直接下载 vue.js文件到本地 下载地址：https://vuejs.org/js/vue.min.js 然后用 <script> 标签引入本地的vue.js文件 ......
Ant Design Vue 按需导入与 UnoCSS 样式冲突
## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入，组件上写的 UnoCSS 样式会被覆盖，无法生效。 圆角 10px 不生效:  ``` assets文件夹：存放项目中用到的静态资源文件，例如：css样式表、图片资源 compone ......
JS01
### 如何写一段JS代码并运行 - 写在行内 ```html ``` - 写在script标签中 ```html ``` - 写在外部js文件中，在页面引入 ```html ``` ```javascript // main.js alert("Hello World"); ``` ### 变量的 ......
vue中使用vue-particles动态粒子蜘蛛网背景
**vue-particles是什么？** 它是一款可以动态生成点和线的插件，然后线条可以自己动，还能与用户鼠标事件产生互动。 插件的github官网地址：https://gitcode.net/mirrors/creotip/vue-particles?utm_source=csdn_github ......
Vue3 —— 商城项目
## create-vue create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。 执行如下命令，这一指令将会安装并执行 create-vue `npm init vue@latest` > 无论您之前是否安装过create-vue，执行n ......
「路飞项目01」
## 1 企业项目类型 ```python # 1 面向互联网用户：商城类项目 -微信小程序商城 -app商城 -得物 -饿了么 -问卷网 # 2 面向互联网用户：二手交易类的 -咸鱼 -转转 # 3 公司内部项目：python写的重点 -传统软件行业,给客户做软件：国家电网，社保局，银行 ，医院， ......
vue时间处理
vue时间处理 https://blog.csdn.net/xc9711/article/details/123347629 前言 记录vue对时间的处理 String与时间戳、时间互转 计算时间差 设置时间格式： YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分 ......
Others--Consul服务学习01
## 服务器信息 ```sh Consul Server: 172.16.188.208 App Server: 172.16.188.209 ``` ## 安装Consul 在Consul服务器上执行： ```sh ## 下载 wget https://releases.hashicorp.com ......
Vue项目打包部署上线时devServer.proxy代理失效如何解决？使用nginx的proxy_pass 代理跨域转发
Vue项目打包部署上线时devServer.proxy代理失效如何解决？使用proxy_pass 代理跨域转发 前言本篇文章用于记录项目前端部署上线遇到的问题，包含对问题的思考、解决思路，以及从中获得的收获。正确的部署流程我也写了一篇文章，供大家参考使用宝塔将Vue2+Nodejs全栈项目打包部署到 ......