随笔分类 - vue
vue学习笔记
摘要：vue使用qrcodejs2生成二维码 1、安装qrcodejs2 npm install qrcodejs2 2、代码 //导入组件 import QRCode from 'qrcodejs2' //这个div用来展现二维码 <div id="twoImageId"></div> //生成二维码的
阅读全文
摘要：前端工程现在变成了单页面富文本的模式，整体布局定下来后，跳转只在<router-view>中展示，外层的布局不容易改变。最近发现有如下这个方法可以直接传值给App.vue,经过实践确实可以实现。 1、安装依赖 npm install vue-bus 2、main.js引入 import VueBus
阅读全文
摘要：iviews官网上关于table的使用方法是固定表头的使用方法，如何生成动态的table网上找了好多也没有特别合适的，综合几位博主的文章经过尝试终于实现了，分享出来供大家参考 一、先看官网上的样例 官网上columns是固定好的，自己实现的时候只需要动态的加载data里的数据就可以 <templat
阅读全文
摘要：iviews RadioGroup 官网里介绍Radio组件获取的值都是name属性没有value 例如： <template> <Space wrap size="large"> <RadioGroup v-model="button1" type="button" size="large"> <
阅读全文
摘要：iview upload 组件官网上给出的用法是，选择附件后就立马上传附件。我不想让他立马上传，我想让他和其他一些信息一起上传，百度查了一些资料照大神总结的例子实现了现在分享一下。 <Upload action="temp" accept=".zip" :before-upload="handleU
阅读全文
摘要：开发发现js 对字符串md5 和 java对字符串md5 计算的结果居然不一样，后来找了一个匹配的这里记录一下 注：加密的对象中不能有空格，有空格md5后的结果就不一致，都是眼泪。。 js md5算法 var hexcase = 0; /* hex output format. 0 - lowerc
阅读全文
摘要：1、现将静态文件放到 public 目录下的static文件夹 2、<a href="/static/test.zip" target="_blank" > </a> 资源丰富的的网盘资源：网盘资源大全！ 推荐一个适合零基础学习SQL的网站：不用安装数据库，在线轻松学习SQL！
阅读全文
摘要：网上找了很多例子，其中有修改main.js的配置的，反正我没搞成功，最后实验成功的步骤如下 1、首先创建一个Vue CLI 的工程 。 注：具体步骤查看以前的博客 https://www.cnblogs.com/yclh/p/15356171.html 2.安装echarts依赖 D:\soft\v
阅读全文
摘要：例如： url 是//resource//20220819//kfz//调试.zip转换后结果为 调试.zip//文件路径获取文件名 getFileName(url) { let name = ""; if (url !== null && url !== "") { name = url.subs
阅读全文
摘要：效果：浏览器最上方出现一个进度条。 main.js import Vue from 'vue' import ViewUI from 'view-design'; import router from './router/index.js' Vue.use(ViewUI); //等待进度条 rout
阅读全文
摘要：开发中会遇到，通过浏览器下载服务器端返回的文件功能，本文使用springboot+vue实现该功能。 后端代码： 注：后端返回的文件名遇到中文就会乱码，一直也没得到很好的解决方案，最后就统一返回1.xxx的文件，文件名称由前端最终改成实际的文件名（包含中文也没问题） /** * 资源下载。 * *
阅读全文
摘要：vue3 和springboot配合如何实现服务器端文件的下载。 先看springboot的后台代码： @PostMapping("/download") @ResponseBody public void downloadWord(HttpServletResponse response, Htt
阅读全文
摘要：开发中遇到Modal弹出框的内容太多，就想把Modal单独分装成一个组件，但是发现封装成组件后Modal的关闭和打开有问题。如下方法可以解决这个问题。 父级页面： <PriceInfodModal v-model="modalShow" /> data(){ return { modalShow:
阅读全文
摘要：想在页面中使用a标签打开一个新页面进行跳转 例如：msgZi.blogAddress 的值是 https://www.baidu.com 正确的写法： <a :href="goBlogs(msgZi.blogAddress)" target="_blank"> goBlogs是methods下的一个
阅读全文
摘要：一、首先安装axios ，vue-axios 前提：搭建一个vue3的项目 项目搭建参考：https://www.cnblogs.com/yclh/p/15356171.html 使用npm安装axios npm install axios npm install vue-axios 二、文件结构
阅读全文
摘要：setup响应式变量 一、非响应式变量 1 效果 开发中发现setup()中的变量居然不是响应式的，值得内容变成1了但是页面上还是0 2、源码 二、响应式变量 1、效果 使用ref()可以声明响应式的变量 2、源码 三、响应式的对象用reactive() 1、效果 2、源码 四、readonly将响
阅读全文
摘要：系列导航 vue 状态管理 一、状态管理概念和基本结构 vue 状态管理 二、状态管理的基本使用 vue 状态管理 三、Mutations和Getters用法 vue 状态管理 四、Action用法 vue 状态管理 五、Module用法 Module用法 一、基本知识 1、Module是模块的意思
阅读全文
摘要：系列导航 vue 状态管理 一、状态管理概念和基本结构 vue 状态管理 二、状态管理的基本使用 vue 状态管理 三、Mutations和Getters用法 vue 状态管理 四、Action用法 vue 状态管理 五、Module用法 action用法 一、 基本知识 1、不要再Mutation
阅读全文
摘要：系列导航 vue 状态管理 一、状态管理概念和基本结构 vue 状态管理 二、状态管理的基本使用 vue 状态管理 三、Mutations和Getters用法 vue 状态管理 四、Action用法 vue 状态管理 五、Module用法 mutations和getters用法 一、 效果 二、 目
阅读全文
摘要：系列导航 vue 状态管理 一、状态管理概念和基本结构 vue 状态管理 二、状态管理的基本使用 vue 状态管理 三、Mutations和Getters用法 vue 状态管理 四、Action用法 vue 状态管理 五、Module用法 状态管理的基本使用 一、 效果 定义一个变量counter，
阅读全文
