vue
咿口薄荷糖
这个作者很懒,什么都没留下…
展开
-
用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 · 326 阅读 · 0 评论 -
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 · 3568 阅读 · 0 评论 -
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 · 4295 阅读 · 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 · 95 阅读 · 0 评论 -
手动进行table的合并列操作
手动进行表格的合并列操作前提:vue的前端框架,加原生的table需求:点击表格的尾部的操作新增按钮可以新增并合并行删除的时候删除行并改变合并的列最后按json的格式提交表数据给后台思路:做一个二维数组,每个数组表示是表格一行,每行里的对象是每一行的td,每个td带一个rowspan或者colspan的属性表示要操作合并的项然后利用vue做数据驱动操作数据就可以正常的合并了数据示例[ [ {val: 1, name: '', rowspan: -1}, {val: 1, na原创 2021-03-26 17:05:13 · 803 阅读 · 0 评论