vue
文章平均质量分 76
田湖_怎么了
这个作者很懒,什么都没留下…
展开
-
vue element中登录加入前端的图片验证
第一步:新建组件identify.vue<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><script>export default{ name: 'SIdentify', props: { i原创 2020-06-10 15:33:35 · 1288 阅读 · 2 评论 -
element中图片和文件的预览功能
按照需求在做一个图片和文件预览的功能。因为后台返回的是二进制文件,所以根本不能直接打开。第一步,针对图片的预览,我使用了el-image-viewer 组件。1.后台请求的方法download: params => { return axios.get('/contentmanagement/file/download?id='+params.id,{ re...原创 2019-12-13 17:26:16 · 6370 阅读 · 1 评论 -
element动态路由的配置
基于vue+element,把静态路由改为动态路由修改动态路由的过程第一步:修改理由配置文件,只留下login, router/index.jsimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router);const commonRoutes = [ { path: '/login', type...原创 2019-11-08 10:11:35 · 946 阅读 · 0 评论 -
element ui table组建的左右滚动条固定在下方
<el-table :data="rows" highlight-current-row v-loading="listLoading" @row-click="details" style="width: 100%;" :max-height="tableMaxHeight">在table标签加上:max-height=“tableMaxHeight”然后计算:max-he...原创 2019-10-30 10:59:40 · 1510 阅读 · 5 评论 -
记录一下端口号被占用的处理
netstat -ano | findstr 8080原创 2019-10-24 15:20:26 · 83 阅读 · 0 评论 -
vue+element中如何加入外部链接
配置路由{ path: '/jobs-admin', component: LeftNav, name: '任务调度', // 当前路由的name leaf: true, // 只有一个节点 iconCls: 'el-icon-s-help', // 图标样式class menuShow: true,...原创 2019-10-23 15:56:41 · 3559 阅读 · 0 评论 -
element中横竖导航中,加入按钮级控制
element中配置成死的routes之后,怎么去加对于的按钮级控制首先,原理使用首先,原理let btnPermissions = [];for(var a = 0 ;a<res.data.map.buttonList.length ; a++){ btnPermissions.push(res.data.map.buttonList[a].resCode); } sessi...原创 2019-09-17 15:47:29 · 480 阅读 · 1 评论 -
vue中下拉框组件的封装
原理vue element中,需要封装一个对应的下拉款组件。第一步:在api_domain.js中添加后台的请求接口//获取下拉框的接口 从redis中 domainGetDomainKeyRedis: params => { return axios.post('domain-manager/domain/getDomainKeyRedis',qs.stringify(...原创 2019-09-17 16:07:44 · 3300 阅读 · 0 评论 -
vue中input输入框,限制只能输入小数点后俩位
vue中input输入框,限制只能输入小数点后俩位考虑到了代码的复用。在input中,设置输入整数很简单<el-input onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" v-model="editForm.tBiddingSku" auto-complete="off" ></el-i...原创 2019-09-26 15:08:53 · 3925 阅读 · 5 评论