Baby_加油_的博客

在vue项目中有导出Excel表格的需求，并且需要自适应宽度在前端项目中导出Excel表格，Vue.js确实可以实现，亲测具体实现步骤为:

目的：实现进入页面显示默认的选中项，在用户重新选择后，将选择的和取消选择的数据提交给后台；这里涉及到一个分页的问题，表格是可分页的表格，所以要存储用户的选项1.element-ui的table表格的多选框默认选中data(){ return{ tableData:[],//table数据 }},watch:{ tableData(val){ this.$nextTick(()=>{ this.tableData.forEach(row => {

有两个需求，一个是录入页面，开始时间和结束时间是两个表单元素，分开着的，要做限制；另一个是时间搜索选项，要选择时间范围，这个是要用同一个日期选择框，要做限制；两个日期选框需求：结束日期不能大于开始日期，选择时间在当日（包含当日）后的14天内；一个日期选框需求：选择时间当日前，整体范围在三年内，选择时间范围不能超过一个月；日期限制思路一个选框，结束日期不能大于日期，可以在选择@change后判断两个日期大小，如果不符合条件，触发表单验证提示。或者在一个选择后，另一个设置disabled

表单官网都有，但是有些细节需要注意。表单的验证有两个方面，一是Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="n

在用H5做APP开发的时候，用到了左滑删除的功能，前端UI框架用的是mint-ui，就用到了一个组件Cell Swipe，直接上案例吧mt-loadmore + mt-cell-swipe<div class="page-loadmore"> <div class="page-loadmore-wrapper" ref="wrapper" :style="{ heig...

时间紧急，直接上代码<template> <div class="page NewsContentList"> <my-head title="系统提醒" iconL="back" hslotr="" @on-click-hleft="triggerHLeft" @on-click-hright="triggerHRight">&lt...

有华为或小米手机出现日期选择框，日期显示空白，确定和取消还在的问题，这些个兼容问题真的是很难查，但是好在网友给力，搜到了解决办法，分享给大家~~其实很简单，修改一个属性就行.picker-items{ width:100% }...

better-scroll是借鉴iscroll，是很牛的前端大神ustbhuangyi黄轶老师上传至github，并在教学视频中屡次运用的 github地址：https://github.com/ustbhuangyi/better-scroll 中文文档：Document 其方法、事件、属性等都可以去文档查找，做移动端的滑动非常好1、使用better-scroll的基本条件必须包...