- 博客(14)
- 收藏
- 关注
RSS订阅原创 用rem做各个浏览器的宽高兼容。
创建一个rem.js文件(function (doc, win) { var docEl = document.documentElement || document.body; //设备重置 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize' relalc = function () { //获取屏幕宽度 // var clientwidth = window.screen.
2022-01-10 15:20:21
398
原创 table合并列，一对多的展示。
table合并列的操作数据类型 [{name: ‘’, accountPos: []}, {}] ,合并的部分是在对象里的。html部分代码 <template> <div> <div style="width 92%;"> <table class="table-box" style="padding-right:19px"> <thead>
2021-08-18 11:49:09
3789
原创 el-form 加 v-if使用时出现的校验混乱的问题。
有的时候会有选择不同的部分，那页面展示页不同功能的需求其中这整个页面的输入框和下拉选项都是套在一个form里面的。切换的时候会有表单校验突然又冒出来的情况情况说明整个页面都是套用在一个form里面，选择内部外部的时候要清空掉相应的字段。清空相应的字段后会调用一个去掉表单验证的方法this.$refs.addForm.clearValidate();保存的时候会整体进行校验核查一边，所以不同模块选择基本时用v-if判断的。处理相应的方法表单校验的时候要校验的字段一定要在data里先声明
2021-08-18 11:29:31
989
1
原创 el-input无法输入情况汇总（记录一下）
有加form的表单校验，然后输入框无法数据的情况整个页面是一个form表单嵌套着红色部分是看情况增加，如果不点新增那它也可以没有，点了新增里面的input就成了必填这里data 声明里是这样的，addAccountPOS 数组就是红色方框部分就是绑定的数组做了循环 subForm: { updateSupplierName: '', billsType: 'UPDATE', accountVOs
2021-08-16 15:49:14
8411
原创 elementUi时间选择器，开始时间不得大于结束时间限制到时分秒
时间日期选择器限制到某天的时分秒需求： 限制时间只能选择今天以及今天之后，时分秒也只能是当前时间之后。例如：2021:08:12 15:16:59 那选择时间的时候只能选择这个时间后的时间提示：图片中红色部分都是过当前时间就不能选了。代码示例<el-date-picker @focus='datePickerFocus()' v-model="startTime" type="datetime" :picker-options="pickerOptions"
2021-08-12 15:32:42
4605
4
原创 上传的组件，就用到了写上
上传功能，上传多个，限制个数，大小10MB多选，选多个后有一个超出10MB就全部失败。调用一次接口，上传个文件预览和下载// main.js里面全局引用了下这个ElImageViewer 的预览还将上传的做成全局的组件，别的区域应用就不用一直import了import ElImageViewer from 'element-ui/packages/image/src/image-viewer';import AttachmentView from '@/components/atta
2021-07-27 10:32:45
129
原创 手动进行table的合并列操作
手动进行表格的合并列操作前提：vue的前端框架，加原生的table需求：点击表格的尾部的操作新增按钮可以新增并合并行删除的时候删除行并改变合并的列最后按json的格式提交表数据给后台思路：做一个二维数组，每个数组表示是表格一行，每行里的对象是每一行的td，每个td带一个rowspan或者colspan的属性表示要操作合并的项然后利用vue做数据驱动操作数据就可以正常的合并了数据示例[ [ {val: 1, name: '', rowspan: -1}, {val: 1, na
2021-03-26 17:05:13
869
原创 上班遇到问题的记录
vuecli的版本 “@vue/cli-service”: “~4.5.0”,vue-cli4的版本文件夹的目录变得比较简单如果有文件放在了public的文件夹下面打包后的目录就是这样的，需要在config.js下面配置【publicPath: ‘./’】,这样打包后才能找到这个文件html的头部加这个可以消除掉ie浏览器get缓存的问题 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v
2021-03-26 16:38:33
125
原创 项目搭建时public的路径
vue-cli的文件下新建项目只有public的文件夹没有static的文件夹在vue文件中使用绝对路径引用public下面的文件，发布之后找不到地址引入是在index.html文件里 的head放打包后的文件夹这样3.然后发布后这个rem.js的文件找不到需要在vue.config.js里设置publicPathpublicPath: ‘./’,...
2021-03-08 14:20:10
669
原创 改变滚动条的样式
改变滚动条的样式 .mybox::-webkit-scrollbar-track { // 滚动条背景色 background-color: #2b2e3c; } // 滚动宽度 .mybox::-webkit-scrollbar { width: 0.05rem; } .mybox::-webkit-scrollbar-thumb { // 滚动条颜色 background-color: #3d7
2021-03-08 11:10:23
119
原创 uniapp完成用户选择做模糊检索
/** * 用户模糊检索组件 * type：控制单选复选，部分用户选择需要复选 * chooseUser：组件按确认后最后返回的值，是一个用户对象数组 */<template> <view class="user_popup_box"> <u-popup class='popup_box' height='600' v-model="show" mode='bottom'> <!-- 搜索框部分 --> <view class
2021-01-14 16:09:59
1848
原创 elementUi时间选择器，开始时间不得大于结束时间
<el-form-item> <el-date-picker v-model="patrolStartTime" type="date" value-format="yyyy-MM-dd" placeholder="开始日期" :picker-options="pickerOptionsStart" cleara...
2020-11-27 16:39:43
1450
原创 高德地图查询地址和获得点位
<template> <div class="map-pop" @click.self="close"> <div class="maxMap"> <div class="search"> <input type="text" :value="searchVal" placeholder="请输入内容按回车键搜索" @keyup.enter="mapInput"/> <div @clic
2020-11-27 13:44:02
1402
原创 elementUi上传组件的删除指定图片的操作
elementUi的删除指定图片的操作看了官网我觉得我就是一个傻子<el-upload ref='uploadImg' action="#" list-type="picture-card" :auto-upload="false" :file-list="fileList" :show-file-list='true'> <i slot="default" class="el-icon-plus">&
2020-10-22 16:15:47
3847
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人