随笔分类 -  Vue

记录一下，我的vue打包过程
摘要：首先是这里build\webpack.base.conf.js output: { path: config.build.assetsRoot, filename: '[name].js', // publicPath: process.env.NODE_ENV 'production' // ? 阅读全文
posted @ 2020-03-22 00:10 学习就是进步！ 阅读(554) 评论(0) 推荐(0)
Vue 使用axios获取cookies
摘要：axios获取后端代码传来的cookie vue配置中加入 axios.defaults.withCredentials = true; //让ajax携带cookie 但是在请求访问的时候又会报错 所以后端设置一个过滤器 @Component public class CorsFilter imp 阅读全文
posted @ 2020-03-20 22:12 学习就是进步！ 阅读(8762) 评论(0) 推荐(0)
vue 导出为表格
摘要：1，终端运行 cnpm install --save xlsx file-saver 2，Script部分 import FileSaver from "file-saver"; import XLSX from "xlsx"; exportexcel() { //设置当前日期 let time = 阅读全文
posted @ 2020-03-18 22:29 学习就是进步！ 阅读(302) 评论(0) 推荐(0)
vue中使用wangEditor
摘要：一，引入wangEditor npm install wangeditor --save 二、配置，自己看的文档配置的（文档地址：https://www.kancloud.cn/wangfupeng/wangeditor3/332599） <template> <div> <div id="edit 阅读全文
posted @ 2020-03-16 13:59 学习就是进步！ 阅读(7082) 评论(0) 推荐(0)
vue img+element-ui的image图片组件实现预览
摘要：<div class="demo-image__preview" v-show="isShow" style="display:block;"> <img style="width: 100px; height: 100px" :src="file.filePath" title="点击查看大图" 阅读全文
posted @ 2020-03-12 17:21 学习就是进步！ 阅读(7791) 评论(0) 推荐(0)
vue 关于element-ui的select下拉框的问题
摘要：使用select时出现这个情况，想了很久才解决 解决方法如下： 我发现问题主要由下面这个属性引起的，但是再改的时候却没反应 所以： .el-popper { margin-top:-40px !important; } 问题解决了，不同分辨率下的问题也解决了 阅读全文
posted @ 2020-03-11 17:29 学习就是进步！ 阅读(935) 评论(0) 推荐(0)
vue 倒计时发送验证码
摘要：<el-input v-model="testCode" placeholder="请输入验证码" style="width:80%;"> <el-button slot="append" @click="again" v-show="show">发送验证码</el-button> <el-butt 阅读全文
posted @ 2020-03-11 14:35 学习就是进步！ 阅读(215) 评论(0) 推荐(0)
vue 使用element-ui
摘要：一、终端运行 npm i element-ui -S 二、main.js引入 //引入element-ui组件 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(Eleme 阅读全文
posted @ 2020-03-10 14:22 学习就是进步！ 阅读(377) 评论(0) 推荐(0)
vue 图形验证码
摘要：<template> <div> <canvas class="mycanvas" width="80" height="40">抱歉，您的浏览器不支持canvas元素，换个浏览器试试？</canvas> </div> </template> <script> export default { da 阅读全文
posted @ 2020-03-10 14:19 学习就是进步！ 阅读(2632) 评论(0) 推荐(0)
vue axios配置
摘要：一、终端运行 npm install axios 二、main.js配置 //引入axios import axios from 'axios' //axios默认配置 axios.defaults.baseURL="http://localhost:8080" axios.defaults.tim 阅读全文
posted @ 2020-03-10 14:18 学习就是进步！ 阅读(464) 评论(0) 推荐(0)
vue 使用MD5
摘要：一、终端运行 npm install --save js-md5 二、mian.js引入 //MD5加密 import md5 from 'js-md5' Vue.prototype.$md5 = md5 三、使用 this.$md5(“123465”) 阅读全文
posted @ 2020-03-10 14:10 学习就是进步！ 阅读(1504) 评论(0) 推荐(0)
vue 为每个页面添加单独的title
摘要：一，终端运行 npm install vue-wechat-title --save-dev 二，main.js写入 //标题 import VueWechatTitle from 'vue-wechat-title' Vue.use(VueWechatTitle) 三，修改app.vue的<rou 阅读全文
posted @ 2020-03-10 14:07 学习就是进步！ 阅读(825) 评论(0) 推荐(0)