
vue记录
日常工作的vue小demo
星辰贩卖屋_jn
有空写一些简单的demo,如有错误欢迎指正~
展开
-
element el-form 动态表单及自定义校验
element ui el-form动态表单及校验原创 2022-09-15 17:33:39 · 1919 阅读 · 0 评论 -
vue 百度地图绘制点线面
百度地图点线面绘制原创 2022-05-05 14:44:35 · 2364 阅读 · 1 评论 -
vue js监听浏览器tab页切换
vue js 浏览器tab监听原创 2022-05-05 11:02:43 · 2464 阅读 · 0 评论 -
IE报错:strict 模式下不允许一个属性有多个定义
今天突然发现vue项目打包之后IE没法访问了,心中一慌,怎么回事?之前不是好好的吗???记得之前因为 File属性不能兼容IE折腾了好久…这次控制台报错如下这意思就是多定义了一个属性呗,想了一下在开新功能之前IE还兼容,找了一下果真重复定义了,这种错误emmm…去掉多余的重新打包,完美兼容!...原创 2020-08-06 15:10:23 · 1169 阅读 · 0 评论 -
图片上传文件格式转换 base64、文件流、blob,wangeditor图片上传
wangeidtor图片上传格式的转换上篇说到传了富文本的自定义图片上https://blog.youkuaiyun.com/weixin_42439024/article/details/107635918现在说说图片上传格式的转换this.editor.customConfig.customUploadImg = async (files, insert) => {})在这里执行自定义的axios请求,但是我们会发现返回的files文件流,直接使用json格式发给接口,是为空的,导致上传失败。这原创 2020-07-28 15:30:33 · 2150 阅读 · 1 评论 -
wangeditor富文本自定义图片上传
简单记录一下wangeditor上传图片的集中简单的方式。1.使用 base64 保存图片this.editor.customConfig.uploadImgShowBase64 = true这种方式是将图片以base64的格式放到img标签中,官方图例2.上传到服务器①设置上传文件的服务器路径this.editor.customConfig.uploadImgServer = window.SITE_CONFIG.baseUrl + ‘common/upload/uploadFile’②使原创 2020-07-28 15:04:19 · 4492 阅读 · 0 评论 -
vue 安装Mint UI 和vuex
一、安装mint UI1.安装依赖cnpm intall mint-ui --save2.在main.js中引入组件import MintUI from ‘mint-ui’import ‘mint-ui/lib/style.css’Vue.use(Mi...原创 2019-01-31 09:40:14 · 192 阅读 · 0 评论 -
vue 使用缓存keep-alive
这个缓存的坑是我用vue一来遇到的最大的坑,越爬越深。。。。很无奈先来简单说一下1.放在需要缓存的地方<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive><router-view v-if="!$route.met...原创 2019-01-29 15:55:18 · 279 阅读 · 0 评论 -
vue小知识 路由传参数params,query
一.vue 中路由传参数1.params传参从doc_ifo.vue页面跳转到edit_ifo.vue,(1)在doc_ifo.vue设置路由跳转将医生年龄传到edit_ifo.vue页面router.push({ name:'edit_ifo',//组件名 params:{ doc_age:this.doc_age }})(2)在edit_ifo.vue页面接收this...原创 2018-12-23 23:36:03 · 255 阅读 · 0 评论 -
vue中使用axios请求后台数据
vue中使用axios,实现前后台的交互,请求数据1.安装axios依赖cnpm install axios2.在main.js中引入和挂载引入import axios from 'axios'挂载组件Vue.prototype.axios = axios;3.在main.js委托if(isDev){ Vue.prototype.*BaseUrl* = ' ';}...原创 2018-12-23 23:18:47 · 3011 阅读 · 0 评论 -
vue中使用vue-picture-preview 图片查看器
在vue 中引入vue-picture-preview 实现图片点击查看的图片本想贴在这里插入图片描述视频来,找来找去没看到怎么贴视频,囧~ 现在贴图吧页面整体的样式图点击第一章张图片的效果点击第二图片时的效果贴完发现图片有点大,懒得去处理了,还有用到的美图来源见水印,废话不说上代码1.安装依赖cnpm install --save-picture-preview2.在main....原创 2018-12-05 23:18:57 · 7891 阅读 · 6 评论 -
vue中使用echarts(折线图的demo,markline的使用)
公司最近在用vue开发项目,项目接近尾声了,趁休息时间写点demo——vue引入echarts(折线图的demo)主要是解决进入echarts,markline的使用(基准线)这是demo的效果图:vue脚手架不多赘述1.安装依赖 cnpm install echarts -S2.在main.js中引入echarts import echarts from 'echarts'...原创 2018-12-02 21:37:36 · 7230 阅读 · 4 评论