大小 模板vue
vue 页面刷新防止数据丢失的解决办法
在vue项目中，经常会切换tag，或者刷新页面。导致路由中的数据丢失， 可以使用以下方法 1：将需要缓存的数据 存在stroge（session,local）中，这样即使页面刷新也不会丢失 2：将数据保存在url中，eg: { name: 'zlgmmasterdataedit', path: 'z ......
vue3状态管理工具Pinia的使用
1.安装 npm install pinia --save 2.src文件夹下新建store文件夹，并新建index.ts import {createPinia } from 'pinia' const pinia = createPinia() export default pinia 2.在m ......
lottie-player src路径错误>在Vue.js中不工作
lottie-player src路径错误>在Vue.js中不工作 浏览 153关注 0回答 1得票数 0 原文 当我在我的Vue.js代码中插入<lottie-player>并且动画来自lottiefiles的网站时:它工作得很好。但是如果我的animation.json来自我的公共文件，我会在控 ......
vue中vue-alipayer-v2的使用
项目中播放视频用到了vue-alipayer-v2，代码如下 <template> <VueAliplayerV2 :source="$api.showImageUrl + playvideo.videopath" ref="VueAliplayerV2" ></VueAliplayerV2> </ ......
ImageMagick:压缩jpeg时指定图片文件大小( ImageMagick 6.9.12)
一，官方文档地址: https://www.imagemagick.org/Usage/formats/#jpg_write 如图: 二，从命令行执行 1，执行命令 只指定目标文件大小 [lhdop@blog avif]$ convert -define jpeg:extent=160k 03_21 ......
vue vuedraggable实现拖拽，table表格拖拽，拖拽自定义样式
效果 1，npm install --save vuedraggable 2, import draggable from "vuedraggable"; 3, components: { draggable, }, 4, <table cellspacing="0" cellpadding="0" ......
nginx上传文件大小限制
在 server 节点添加如下内容： client_max_body_size 50m; client_body_buffer_size 512k; client_header_buffer_size 2k; 原因：nginx默认上传文件大小为1M，上面改成50M可以解决上传大文件失败问题。 借鉴： ......
vue.js:el-checkbox的全选复选框例子(element-plus@2.2.5)
一，官方文档地址: https://element-plus.gitee.io/zh-CN/component/checkbox.html#%E4%B8%AD%E9%97%B4%E7%8A%B6%E6%80%81 二，代码： 1,html代码 1 2 3 4 5 6 7 8 9 10 11 12 1 ......
vue.js:路由跳转后自动定位到页面顶部(vue@3.2.37)
一，代码： 说明：在main.js中增加代码,在路由跳转后滑动到顶部,如下 //页面加载后滑至顶部 1 2 3 router.afterEach(() => { window.scrollTo(0,0); }); main.js的例子如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 ......
直播商城源码，js判断上传图片格式类型、尺寸大小
直播商城源码，js判断上传图片格式类型、尺寸大小 //判断图片类型var f=document.getElementById("File1").value;if(f==" "){ alert("请上传图片");return false;}else{if(!/\.(gif|jpg|jpeg|png|G ......
写了一个模板可变参数递归展开的反射，应该有性能问题，先记录下来放着
```c++ #include #include #include using namespace std; //预置 constexpr static inline unsigned const_hash(char const* input) { return *input ? static_ca ......
vue 实现 word/excel/ppt/pdf 等文件格式预览操作
方法一： 使用微软的在线预览，使用iframe作为载体 <iframe frameborder="0" :src="'https://view.officeapps.live.com/op/view.aspx?src=' + fileUrl" width='100%'> </iframe> 方法二： ......
vue2.x接入mockJs
1、安装 npm install mockjs 2、创建文件 src/mock/api、src/mock/index import Mock from 'mockjs' import MockApi from "./api" Mock.setup({ timeout: "300", }); cons ......
OI 模板合集
此处存放本喵写过的各种 cpp 模板一共不时之需，不喜勿喷~ 基本算法 for (int i = 1; i <= n; i ++) { cin >> arr[i]; sum[i] = sum[i - 1] + arr[i]; } 前缀和 for (int i = 1; i <= n; i ++) { ......
快速上手VUE：创建、运行、发布，HelloWorld
一、创建VUE项目 1、打开VS“创建新项目”界面，选择“基于 Vue.js Web 应用程序”。 分为Javascript和TypeScript两种，注意按自己的编程语言掌握情况选择用哪种。（TypeScript是Javascript的超集，兼容Javascript所有语法，不过由于我还未写过Ty ......
vue3 实现移动端h5多个输入框填入验证码功能（非常简单）
使用一个输入框来获取数据，再用一组div来展示数据 用一个input 遮在展示内容的框上，给input设置opacity：0，用户每次输入的值拿到后依次展示在框内，如果用户输入或者删除就直接体现在展示框上了。 页面内容： <ul class="lists" ref="inputs"> <li cla ......
vue-day48---组件的自定义是将
1.App.vue <template> <div > <h1>{{ msg }}你的名字是{{ studentName }}</h1> <!--通过父组件给子组件传递函数的props 实现 子给父传数据--> <School :receiveSchoolName="receiveSchoolNam ......
【技术实战】Vue技术实战【三】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue--day46---组件自定义事件的解绑
查看vue 版本 命令 npm list vue 1. App.vue <template> <div > <h1>{{ msg }}</h1> <!--通过父组件给子组件传递函数的props 实现 子给父传数据--> <School :receiveSchoolName="receiveSchoo ......
创建vue项目
1. vue create projectname 2. 选择vue3 3. 创建成功 4. 启动项目 5. 在package.json中，查看启动命令，有时候不是npm run serve 6. 安装插件 安装axios： npm i axios 安装bootstrap： npm install ......
Vue2的/deep/深度选择器失效了？
> /deep/ 在 Vue2 样式中的问题。 ## 太长不看： 不要在 Vue SFC 以外的地方使用`/deep/`。对于 Vue3 ，请使用最新的`:deep()`伪类选择器。 ## 什么是`/deep/` `/deep/`是 Vue2 中一个重要的样式选择器，可以用于选择封装好的组件内部的样 ......
最短路模板总结
# 最短路 - 单源最短路 - 所有边权都是正数 - 朴素版Dijkstra算法（适用于**稠密图**） - 堆优化版Dijkstra算法（适用于稀疏图） - 存在负权边 - Bellman_Ford算法，用于仅存在负权边，并且对边数有限制 - Spfa算法 对Bellman_Ford算法进行优化（ ......
C++中的模板
## 1. 概念 模板是对类型的抽象，为了更好的实现多态的思想。 模板分为类模板和函数模板。 ## 2. 函数模板 就是在函数之前声明一下模板，然后执行的时候，函数自行判断推导类型。 ```cpp int add(int a, int b) { return a + b; } double add( ......
vue指令及模板语法
说实话，看了这两节之后，改变认知的，突然发现自己落后了这么多，真不应该 v- 这个指令集的确666，把许多东西的实现简化了，真心学到了不少， 菜鸟这方面讲的真是不错 https://www.runoob.com/vue3/vue3-directives.html 我在这就不献丑了，而且里面的各种试例 ......
Vue第二例data 选项
讲的主要还是附值方式，以及值的变化，总之是操作里面的数据选项 还是如上节讲的建html 上代码 <!DOCTYPE html><html><head> <meta charset="utf-8" /> <script src="../scripts/vue.global.js" type="text ......
用CSS样式 @keyframes、animation写一个旋转立体模型、动画模型，vue2
需求：画一个正方体，让物体一直旋转 环境：vue2、css 效果： 代码： 模型 1 <template> 2 <div> 3 <!-- 旋转立体图 --> 4 <div class="cube"> 5 <div class="face front"></div> 6 <div class="fac ......
Vue第一个程序，经典Hello
弄明白了简单模式的vue应用，开始应用，首先下载vue.js文件，也可以访问使用 CDN 方法, 我是直接下载了vue.global.js，方法是NPM 方法（这个在上面的官网与菜鸟都有） ,然后用Visual Studio 建了一个空网站，新建文件夹scripts 把vue.global.js放文 ......
vue element ui在添加表格数据时，出现数据跟着变化的问题
主要是对象赋值问题 对对象进行深拷贝即可 arrObj=JSON.parse(JSON.stringify(this.form)); this.tabelDate.push(arrObj) ......
vue 2 接入three.js
1、安装three.js npm i three@0.128.0 2、在vue中引用(可以测试一下，是否ok，下面测试) 1）、新建index.js import * as THREE from 'three'; // 引入Three.js扩展库 import { OrbitControls } f ......
手机上vue页面返回时如何保持原来的位置
1，问题的提出 采用vue做手机评分页面的前端，页面显示多个评分项的分数和总分。 每个评分项有个修改按钮，按下后弹出新的页面，用户填写分数后按提交按钮，则保存数据、关闭页面、回到前一页。 此时，页面上显示的分数和总分会刷新，但是显示的页面位置未保留修改前的位置，而是回到了顶部显示。 这种情况如果页面 ......