
vue+element
瘦瘦的小芝芝
这个作者很懒,什么都没留下…
展开
-
vant组件字体库样式本地引入方式解决方案
有个需求,引入了vant组件,但是只有内网,所以需要本地引入局部组件引入的解决方案:1.import { RadioGroup, Radio, CellGroup, Cell, CheckboxGroup, Checkbox, Rate, DatetimePicker, Popup, Uploader, Button, Icon, Slider, Toast } from 'vant';...原创 2020-01-09 11:16:36 · 5071 阅读 · 2 评论 -
样式打包后消失问题LESS文件 -WEBKIT-BOX-ORIENT: VERTICAL;
在-webkit-box-orient: vertical;前后加上! autoprefixer/*! autoprefixer: off */-webkit-box-orient: vertical;/*! autoprefixer: on */记录一下,这样打包就好了原创 2019-10-11 11:21:36 · 436 阅读 · 0 评论 -
关于vue的路由带参的解决方案
我想解决的问题是,一个页面跳转另一个页面时,我要带一个对象的数据过去{age:(...) enterNumber:(...) groupTime:(...) patientId:(...) patientName:(...) phone:(...) sex:(...) sexName:(...)}像这样首先想到的是用query然后传该对象过去,但是发...原创 2019-06-12 15:24:04 · 497 阅读 · 0 评论 -
关于vue打包路径出错问题
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', //注意: 此处根据路径, 自动更改 fallback: 'vue-style-loader' }) } else { ...原创 2019-02-18 16:46:47 · 325 阅读 · 0 评论 -
关于多个下拉框互斥的问题
1.比如第一个下拉框选中的值,其他的下拉框就必须禁用该值,并且第一个下拉框的该值不能被禁用 var arr = [{code:'1',name:'fff1'},{code:'2',name:'fff2'},{code:'3',name:'fff3'},{code:'4',name:'fff4'}]; var arr1 = ['1','2','3'] ...原创 2019-02-15 16:32:49 · 2287 阅读 · 0 评论 -
vue中使用echarts加载图表时产生的问题
今天突然发现使用echarts时发现加载的图片时大时小,主要是宽度会变,猜想应该是rendertree生成后,但是rendertree所有资源尚未加载完毕就开始加载echarts导致的问题,解决方案也很简单,采用vue中的this.nextTick(()=>{})属性即可,将echarts...原创 2019-01-18 17:30:18 · 2096 阅读 · 0 评论 -
关于动态路由的懒加载问题,权限管理
// { // path: 'fbasedata', // name: '模板库', // iconclass:'el-icon-goods', // component:'@/commponents/view/com/public-center.vue', // show: true, // ch...原创 2019-01-13 18:04:41 · 913 阅读 · 0 评论 -
vue中引入公共js和公共样式写法
在assets/文件家里写好相应的css和js然后在main.js中公共样式引入方法import '@/assets/style/commons.css'公共js采用按需加载方式在页面中按需引入即可原创 2018-12-19 17:10:46 · 3380 阅读 · 1 评论 -
给出年月值,获取月末和月初值
var date = this.filters.month; if (!date) { this.$message({ type: "info", message: "请选择日期" }); return; } date = new Date(date); va...原创 2018-12-06 17:42:02 · 335 阅读 · 0 评论 -
router.beforeEach死循环原因并且免登陆操作
首先,我想要在通过判断token的值来确定用户是不是已经登录,如果没有登录的用户只能访问登录页router.beforeEach((to, from, next) => { let token = window.localStorage.getItem('token'); if( !token){ next({path: '/'}) } else { ...原创 2018-12-06 17:16:39 · 2481 阅读 · 0 评论 -
我对vuex的理解及其用法
目的:为了非父子组件之间的数据共用。使用方式:一、在src文件夹下新建一个store.js文件二、将store.js文件挂载到vue上:在main.js中 import store from '@/store.js',然后在new Vue中的对象中加入store三、store.js中的操作:引入vue和vuex (import Vue from 'vue' import Vuex ...原创 2018-10-31 10:57:57 · 137 阅读 · 0 评论 -
关于vue首屏优化的解决方案
做好了的项目,放自己测试服务器上速度还挺快,所以当时也没想那么多,后来放到公司服务器上,才发现慢的一批,后来想到应该是要进行优化,首先,将所有未压缩的资源,通通压缩一遍,试一下,快了一点点,但还是比较慢,属于那种忍受不了的速度。然后想到使用cdn以减少rendor.js的容量。首先,在index.html页面中引入js时使用cdn引入<div id="app"><...原创 2018-09-18 16:41:16 · 1355 阅读 · 0 评论 -
关于vue中的element的dialog组件中生成二维码的解决方案
首先今天一直在纠结为什么dialog明明显示了却不显示二维码,直到第二次打开dialog才显示,原来确实如我同事所说,一开始并没有选中相应的容器,原因是dialog的加载需要时间,我用了定时器试一下发现在多久时间之后在执行二维码的渲染事件就可以,这样让我了解其真正的原因。解决方案如下:1.当点击按钮,让dialog显示界面的事件如下lookAdClick(ggwId) {...原创 2018-09-07 23:36:11 · 5334 阅读 · 4 评论 -
关于vue中element 的upload组件发送请求给后端
1.用到了before-upload属性,用于在上传文件前的校验,并且发送请求给后端,传输格式进行文件流传输什么都不用设置,action属性随便设置,不能为空即可!在before-upload属性的方法中的代码如下:var _this = this; debugger; // var files=file.target.files[0]; de...原创 2018-08-24 18:22:10 · 10034 阅读 · 2 评论 -
vue表单验证方式解析
使用vue做了一套后台管理系统,之前没有太重视表单验证,现在开发已经接近尾声,才发现,不得了,要是都没有验证到时用户体验不好,这个锅甩都甩不掉,所以决定花上一点时间补上这个小缺陷,幸好用的element框架,所以有现成的验证方式,这里先记录下用法,到时别又忘了,也算是归纳总结吧首先说下el-form里面的一些属性的功能<el-form :model="add" :rules="...原创 2018-08-14 21:06:40 · 1488 阅读 · 0 评论 -
vue中导出excel操作
// 导出excel outExe() { this.$confirm('此操作将导出excel文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', t...原创 2018-07-25 15:47:36 · 2005 阅读 · 0 评论 -
vue部署到服务器之前的准备工作
1.首先需要在config文件夹下的index.js中build对象里的assetsPublicPath属性的属性值由"/"改成"./"2.其次在build文件夹下的utils.js文件中 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallba...原创 2018-07-24 22:29:24 · 1269 阅读 · 0 评论 -
vue使用axios 发送post请求的四种方法
//写法一 后端可以接收到,应该是json格式 // export const requestLogin = params => { console.log(params); // return $axios.post(`http://192.168.0.105:5846/Home/TestData`, // qs.stringify(params,{ indices: fal...原创 2018-07-10 09:35:35 · 15493 阅读 · 2 评论 -
vue+element使用动态加载路由方式实现三级菜单页面显示问题
需要用到中间件的方式,这样就可以实现了我们想要的方式publish-center.vue<template> <router-view></router-view></template><script> export default { }</script><el-menu :defa...原创 2018-06-29 16:59:24 · 21030 阅读 · 10 评论