前端 终端 实战vue
实用教程丨如何将实时数据显示在前端电子表格中（二）
本文由葡萄城技术团队于博客园原创并首发 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 前言 在如何将实时数据显示在前端电子表格中（一）一文中，我们讲述了如何通过WebSocket从Finnhub.IO获取实时数据，那么本文重点讲述如何使用基本的 Spre ......
前端根据链接生成二维码
<qrcode-vue :value="record.download_page" width="200" ></qrcode-vue> import QrcodeVue from 'qrcode.vue' components: { QrcodeVue }, ......
vue页面报错vue.runtime.esm.js?2b0e:1888 Error: please transfer a valid prop path to for item
经排查 是prop带上了表单名称, 例如data（）里把表单的参数写在一个对象里 queryForm:{ InputA, InputB } v-model是“queryForm.InputA”, prop写“InputA”即可， 这种情况下不要把prop写成和v-model一样的，prop把值默认当 ......
vue中实现文件上传下载的三种解决方案(推荐)
一、概述 所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。 二、Range 用于请求头中， ......
《vue短跑》vue的一些概念
# vue工作原理 参考链接：https://www.cnblogs.com/lishanlei/p/8423407.html 参考链接：https://www.cnblogs.com/wzfwaf/p/10553160.html ## MV模式 之前，我们都是通过原生js操作dom元素，比如：获取 ......
vue3 左侧菜单栏默认展开关闭
<el-menu class="mainMenu" router background-color="transparent" active-text-color="#fff" :unique-opened="true" :collapse-transition="false" :collapse= ......
Vue3+Vite部署到Netlify
本项目的前端是使用Vue3技术。因为用到了Vite做代理解决跨域问题，所以部署到Netlify需要多做一些步骤。 使用Vite代理后，如果前端是在本地部署，需要添加`VITE_PROXY`环境变量。 例如在 `.env.development` 文件中添加 `VITE_PROXY=[["/api/v ......
C# MVC @Html.DropDownList 不通过后端，在前端构建一个下拉Select并可自动选择选中值
@Html.DropDownList("verType", new SelectList(new[] { new { Name = "A版", Value = "per" }, new { Name = "B版", Value = "ent" } }, "Value", "Name", Reques ......
ArcGIS Pro从0到1实战教程书的购买地址
【淘宝】https://m.tb.cn/h.UJslBuF?tk=TWQIdQGuOcE CZ0001 「地理信息：Arcgis Pro从0到1入门实战（含教学视频+数据）」 点击链接直接打开 或者 淘宝搜索直接打开 ......
vue中如何使用TinyMCE
(https://www.tiny.cloud/docs-4x/) # 安装tinyMce 并且初始化 首先需要新建一个vue项目 ```bash vue create tinymce-editor ``` 按照下图选择即可 
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及 ......
直播平台制作，vue图片上传，重复上传相同路径图片
直播平台制作，vue图片上传，重复上传相同路径图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n ......
微前端-micro-app 使用 onresize出现不生效的问题
onresize：dom0级别，一次只能绑定一个函数，下个函数会将上个函数给覆盖； addEventListener：dom2级别，一次可以绑定多个函数，各个函数不会覆盖； 子应用使用onresize不生效，因为onresize是dom0级别的会被父亲和其他给覆盖，所以在子应用中使用addEvent ......
vue用qrcodejs2生成二维码，解决多个二维码追加的问题
vue使用qrcodejs2生成二维码 1、安装qrcodejs2 npm install qrcodejs2 2、代码 //这个div用来展现二维码 <div id="twoImageId"></div> //生成二维码的方法 generateQRCode(classId, value) { ne ......
Vue脚手架1
## 1.1 说明 1. Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。 2. 最新的版本是 4.x。 3. 文档: https://cli.vuejs.org/zh/ 1.2 具体步骤 第一步（仅第一次执行）：全局安装@vue/cli。 npm install -g @vue/c ......
Vue脚手架笔记备注
笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
Vue购物车实例练习
 ###### 功能介绍 1. `金额 = 单价 * 数量`金额会自动根据数量的变化进行变化，我们可以点击按钮增加或减少商品的数量。 ......
VUE自定义指令
使用方法： 全局自定义指令：Vue.directive( dir_name , {} ) 局部自定义指令：directives{ dir_name : {} } 钩子函数： bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted：被绑定元素插入父节点时 ......
VUE npm run serve 提示error Mixed spaces and tabs no-mixed-spaces-and-tabs 解决办法
解析： 看这个错误提示意思就是“不允许代码中出现空格和tab键混合的情况”大多数代码约定要求使用空格或 tab 进行缩进，禁止使用空格和tab混合缩进。因此，一行代码同时混有 tab 缩进和空格缩进，通常是错误的。 解决办法：原因找到了，解决办法就是找到spaces和tabs混合的地方，然后统一即可 ......
vue项目结合vant，实现上拉加载更多，下拉刷新
上拉加载思路： 1. 引入vant 组件 上拉list 2. 后端数据做了分页处理，获取接口数据，渲染到页面上,(此处只会显示一页的数据) 3. 设置属性去实现效果，loading,finished为vant组件中提供的 4. 每次滚动到底部后把页面数+1，发送一次请求获取新分页数据. 5. 获取完 ......
axios拦截无法使用vue-router
在axios的接口拦截配置中，无法直接使用导入vue-router路由实例的方式进行路由跳转 import { useRouter } from "vue-router"; const router = useRouter (); router.push("/login"); 会出现以下报错： Un ......
【重学C++】03 | 手撸C++智能指针实战教程
## 文章首发 [【重学C++】03 | 手撸C++智能指针实战教程](https://mp.weixin.qq.com/s/B85A_AFIAeOlfLzXOXydAw) ## 前言 大家好，今天是【重学C++】的第三讲，书接上回，第二讲《[02 脱离指针陷阱：深入浅出 C++ 智能指针](htt ......
我猜你其实并不懂前端
在接下来的这篇系列教学中，我将带你重新认识前端。 前端发展史：从青铜到黄金时代 我自己是在 2006 年开始接触前端的。现在回想起来，那会儿前端还处于史前的“青铜时代”，甚至网页的主要交互都还是依靠切换超链接来完成的。 前端的史前记忆：“青铜时代” 那时候，谷歌刚刚基于 Ajax 发布的 Gmail ......
使用VUE的component is 组件实现切换标签
VUE实现切换标签： <!DOCTYPE html> <html> <head> <title>Dynamic Components Example</title> <script src="https://unpkg.com/vue@2"></script> <style> .tab-button ......
Vue通过v-modal实现子组件通讯
1、在props设置属性value ``` props: { value: { type: Object, default: {} } } ``` 1、设置属性，接收value，在mounted或created中赋值 ``` data(){ return { valueObj:{} } }, mou ......
java基于的springboot+vue4S店车辆管理系统，车辆销售管理系统，附源码+数据库+lw文档+PPT
**1、项目介绍** 首先介绍了4S店车辆管理的技术发展背景与发展现状，然后遵循软件常规开发流程，首先针对系统选取适用的语言和开发平台，根据需求分析制定模块并设计数据库结构，再根据系统总体功能模块的设计绘制系统的功能模块图，流程图以及E-R图。然后，设计框架并根据设计的框架编写代码以实现系统的各个功 ......
Revit二次开发实战04（元素搜集过滤器FilteredElementCollector）
Revit二次开发实战 FilteredElementCollector元素搜集过滤器 1、创建搜集器 FilteredElementCollector(Document);搜集文档中所有元素； FilteredElementCollector(Document,List<ElementId>);在 ......