- 博客(22)
- 收藏
- 关注
RSS订阅
原创 vue页面使用js实现前端打印功能
vue页面使用js实现前端打印功能printContent实现打印功能，针对于打印表单时获取不到页面数据可以使用js原生。遍历循环你所要获取的元素。针对于打印出来的页面会出现页眉和页脚重新在写一个style这样数据就可以渲染上去了，然后页眉页脚也没有了。这里margin的值可以自己随便更改。如果你觉得再添加一个style麻烦的话，可以在打印页面的时候取消掉页眉和页脚也是一样的。这样...
2019-03-14 13:27:50
12954
2
原创 el-select进行表单验证不执行
遇到的问题，在供应商这里进行form表单验证的时候，验证不执行例如：选择之后提示不消失将rules这里的验证改为 supplier: [{ required: true, message: “请选择供应商”, trigger: [“blur”,‘change’] }],就可以了 supplier: [ { required: true, message:...
2020-01-02 13:58:45
6290
1
原创 element-ui el-tree数据回显问题
例子1:问题原因：我们可能使用this.$refs.tree.setCheckedKeys(this.defalutArr);或者使用:default-expanded-keys=“treeDataSelect” :default-checked-keys=“treeDataSelect”来进行回显的获取数据解决：if (res.data.code == 200) {//默...
2019-12-18 16:45:51
18115
7
原创 使用viewer插件放大预览图片
效果：可以旋转，放大，缩小，切换1、安装依赖npm install v-viewer --save2、在main.js中全局引入import Vue from ‘vue’;import Viewer from ‘v-viewer’import ‘viewerjs/dist/viewer.css’Vue.use(Viewer)Viewer.setDefaults({Options...
2019-12-11 16:34:02
1324
原创 使用element照片墙上传图片
效果：使用element-ui 照片墙实现图片上传<el-dialog title="新增" :visible.sync="addDialogFormVisible"> <el-form :model="form" ref="form"> <el-form-item label="采购单号" label-w...
2019-12-11 16:21:52
1676
1
原创 vue 下拉搜索选中仓库自动带出地址
效果element搜索插件 async Search(queryString, cb) { let params = { inside: 0, code: queryString, currentPage: 1, pageSize: 20 }; let res = await getB...
2019-11-29 14:30:14
308
原创 使用elementui中的Tree 树形控件做权限管理 el-tree 数据回显问题
最终呈现的效果点击权限管理跳转到相对应的权限页面对应权限页展示<template> <div id="app" v-cloak> <el-tree :data="rootData" ref="rootTree" show-checkbox ...
2019-09-18 09:42:46
6245
3
原创 vue做时间段搜索
所呈现的效果这里的时间是设置默认从当天00：00：00开始，到所查询结束的23：59：59结束代码是用element中DateTimePicker 日期时间选择器用el-form进行的包裹 <el-form-item label="日期"> <el-date-picker ...
2019-09-04 15:28:39
6101
1
原创 vue el-table不通过接口实现批量数据的删除
实现效果<div class="tabBox"> <div class="btns"> <el-button type="danger" @click="allDelete" :disabled="this.multipleSelection.length===0">批量删除</el-butto...
2019-08-13 09:56:39
1105
原创 excel文件上传与下载
文件上传 importFile(e) { //声明一个FormDate对象 let formData = new FormData(); //把文件信息放入对象中 formData.append("excel", e.target.files[0]); let file = e.target.files[0]; let ...
2019-08-13 09:40:30
214
原创 vue el-table表格计算小计
所要实现的效果图：输入单价，数量后自动算出小计的结果。下面的运费和其他费用只要编辑，合计就会自己得出。 <el-table :data="tableData" border style="width: 100%"> <el-table-column ...
2019-07-30 09:58:56
13778
6
原创 vue实现点击图片上传
实现的效果这里使用action，如果后面不是直接跟后台的接口的话就会报错，这里可以忽略掉，因为在钩子函数中有连接口报错这里图片允许上传的类型是任何图片 accept=“image/*”这个是可以上传多张图片的，所以要先在data中定义图片列表，随便起个名在methods中写入方法，利用文件上传之前的钩子函数图片的删除，根据每张图片的索引...
2019-06-04 16:11:08
4513
1
原创 vue 实现级联选择器
使用element 的 Cascader 级联选择器 默认 click 触发子菜单里面的一些属性文档中都有说明。v-model是选中的绑定值。options为可选选项数据源。在数据中定义v-model的值。options数据源也要定义一下啊在methods中写入方法这里面的value和label对应的值要根据后台返回的数据来，例如我这边返回的数据是这样的根据返回的数据一层层循环...
2019-06-04 15:52:04
20215
1
原创 使用element-ui datepicker时间日期选择器遇到的问题
所要实现的功能1，这里使用的是element是选择月份的代码2，后台返回的时间区间，意思就是说时间区间内2018年10月份到2019年4月份的月份是可以选择的，10月之前的日期和4月之后的日期都是不可以选择的。3，在methods中写入方法4，这里在定义starDate 和 endDate需要注意的坑，如果在data中直接定义的话可能会报错。 starDate is not de...
2019-04-28 13:53:13
26795
2
原创 解决Chrome调试(debugger)总是进入paused in debugger状态
在通过Chrome浏览器进行web前端开发时，我们会经常用到Chrome自带的debugger工具，但是经常按完快捷键(F12)后，或在页面进行保存之后查看，页面会进入paused in debugger状态，需要点击右上角的deactivate breakpoints按钮继续，非常不方便。存在这个问题的原因可能是因为你在调试的时候不小心点了以下几处地方。第一步，F12打开控制台的点击sour...
2019-04-28 13:15:42
52425
12
原创 后台管理系统登陆功能
前端样式引入后台接口在src文件夹下建一个api文件夹，专门用来存放后台接口数据引入data中定义在线人数接口方法页面呈现
2019-04-09 16:35:18
1513
原创 输入vue命令，报错 bash :vue comand not found
输入vue命令，报错 bash :vue comand not found首先：在命令行输入npm root -g 查看根路径在哪里我的是在d盘里面其次，找到它在D盘里面的位置然后进行环境变量的配置 ：回到桌面，右击我的电脑，点击属性，点击高级环境设置，点击环境变量，在系统变量里选中path、点击编辑将你找到的根路径加进去，点击确定最后在命令行里输入vue -V,有显示版本...
2019-04-02 13:48:58
1040
原创 vue 使用定时器做轮询，查询在线人数
项目开发中需要做一个轮询，需要在登陆页面每隔十秒查询在线人数的功能。在data中定义调用后台接口看控制台打印出来的数据这里显示接口请求成功页面显示在线人数重点：使用定时器轮询在created中调用getOnlineNumber（）方法设置定时器，最后在页面销毁之前清除定时器。...
2019-03-28 10:02:45
8280
1
原创 Duplicate keys detected: '0'. This may cause an update error
Duplicate keys detected: ‘1’. This may cause an update error检测到重复的密钥：“1”。这可能导致更新错误。解决办法：去掉其中一个key
2019-03-26 10:42:01
2853
原创 vue使用el-table遍历循环表头和表体数据
vue使用el-table遍历循环表头和表体数据这是表头数据这是表体数据最终循环出来的结果最后的合计使用的是el-table的原始合计功能，这个数据循环出来的时候在nos的最后一行也进行了总和，但是表格中是不希望有这样的数据出现的，所以在这里我有加了一个判断当他的index为0的时候让他的总和为空。...
2019-03-21 17:18:51
35900
10
原创 使用假数据遍历循环table的表头和表体
vue中使用假数据遍历循环table的表头和表体这里表头和表体分别用两个数组来循环表头数据表体数据完成后
2019-03-21 17:08:37
1515
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人