vue
文章平均质量分 51
刘弘扬fine
一入程序深似海,从此时光送阴凉。
展开
-
spring boot与vue前后端,实现页面转pdf
vue以及spring boot实现页面转pdf并上传到后台服务器原创 2023-02-07 20:13:44 · 1476 阅读 · 0 评论 -
vue跳转页面,以及传参
页面跳转在html中使用元素标签跳转的方法如下: // @param path为你的跳转路径 // @paramquery传递参数,一般传一个值,例如query:{id:1,name:'vue'};也可以传递对象,例如 query:{model:model} <router-link :to="{path:'/user/detail', query:{id:1,name:'vue'}}"> </router-link> 或者写在js里面...原创 2020-06-05 17:45:39 · 571 阅读 · 0 评论 -
java小兄嗲总结vue中关于v-for的用法
首先在return里面,声明数组对象:userGroupList:[];然后在方法里面通过请求后台接口获取数据,赋值给这个对象;最后就可以直接遍历展示了:展示后,就是这样的:原创 2020-06-01 10:45:09 · 174 阅读 · 0 评论 -
vue实现pdf下载
接口代码:export function getDownloadAPI(url) { return request({ url: url, responseType: 'blob', method: 'GET' })}注意,以上代码因为pdf的下载地址后台已经返回,所以这里的url需要用传参的方式!!html代码: <el-button ...原创 2020-04-15 14:10:38 · 5340 阅读 · 0 评论 -
vue中textarea填入的换行以及空格,页面显示转换方法
textarea输入的空格以及换行,如果不转换,那么换行跟空格的效果会消失;显示的代码:<span v-html="formInline.content"></span>解决办法:// 换行转为换行符this.model.content = this.model.content.replace(/\n/g,'<br/>');// 空格...原创 2020-04-14 14:51:50 · 8820 阅读 · 1 评论 -
vue实现按钮防抖
常用的表单提交中,如果不做按钮loading的处理,就需要给按钮配置防抖操作。废话不多说,上代码:第一步,以下代码写到工具类里面;// 防抖export const DebounceBy = (fn, t) => { let delay = t || 500 let timer return function () { let args = argumen...原创 2020-04-13 09:49:44 · 5871 阅读 · 0 评论 -
vue-quill-editor 富文本编辑器上传图片自base64改为上传到服务器
就是要一个富文本编辑器,然后有图片上传功能,因为vue-quill-editor是将图片转为base64编码,所以当图片比较大时,提交后台时参数过长,导致提交失败。vue-quill-editor引入过程略,我其它文章里面有~~废话不多说,上代码1.引入element的图片上传组件:<el-form-item> <!-- 图片上传组件辅助--&g...原创 2020-01-02 16:10:06 · 3535 阅读 · 4 评论 -
vue循环添加输入框
循环添加效果如上图。上代码 <el-form-item label="大区:" prop="formInline.gameArea" class="area"> <!-- <el-input v-model="formInline.name" placeholder="请输入大区名称" style="width: 260px;" >&...原创 2019-12-27 09:31:54 · 3571 阅读 · 0 评论 -
vue以及elementUI引入富文本
新建组件页面:ue.vue,文件内容如下<template> <div> <script id="editor" type="text/plain"></script> </div></template><script> export default { name: '...原创 2019-12-25 15:54:35 · 1960 阅读 · 0 评论 -
vue element结合spring boot做excel导出
vue端:首先,页面导出按钮<el-button size="mini" type="primary" :disabled="!buttons.withdraw_btn_uoload" @click="exportExcel" style="float:right;">导出</el-button>新增接口:export function exportWi...原创 2019-12-17 13:59:07 · 550 阅读 · 0 评论 -
vue设置全局变量
vue设置全局变量首先创建js全局变量文件,如下图引入到main。js并且声明全局引用原创 2019-12-14 21:55:29 · 236 阅读 · 0 评论 -
使用formatter格式化element表格
后台返回的是类型是: “1,2,3,” ; 需求是1对应的是数值甲,2对应的是数值乙.......,格式化的方法为:最后 return dd 这个dd就是数值原创 2019-12-10 20:09:08 · 338 阅读 · 0 评论 -
利用ES6 Set去重
首先声明一个aalet aa = "1,2,3,1,2,3"用逗号分隔以后返回数组let bb = aa.split(",")数组传入set中去重dd = Array.from(new Set(bb))根据自己需求决定是否toString...原创 2019-12-02 11:18:40 · 558 阅读 · 0 评论 -
拉取新项目的时候,sass模块找不到
ERRORinCannot findmodule'node-sass'解决方法:输入命令:cnpm install node-sass@latest原创 2019-11-26 22:21:27 · 274 阅读 · 0 评论 -
vue项目打包后部署到nginx
首先,在ws的命令行,输入:npm run build然后进入项目的根目录,将打包后的文件压缩成zip,以备上传到linux然后,在系统根目录新建目录:mkdir go_project/front进入 此目录 cdgo_project/front上传刚刚打包的文件 rz......(弹出窗选择)上传完成后,执行解压命令:unzip dist.zip然后配置ngi...原创 2019-11-26 17:59:17 · 1207 阅读 · 0 评论 -
vue删除对象的属性
列表的模糊查询中,如果下拉选项中用户未选择,传递到后台的url参数会变成&used=,如果是这种情况,golang后台接口接收为null的时候,会默认赋值0,这种情况下,在前台删除这个属性就可以了,删除属性的方法如下图...原创 2019-11-22 19:45:38 · 899 阅读 · 0 评论