巫小婆

摘要： element ui table里 自带Checkbox组件，所以结合组件自身实现单击每行，实现这行的选中效果。代码如下: <el-table border v-show="blurShow" :row-class-name="tableRowClassName" @row-click="getAd 阅读全文

摘要： 最近做的项目中有个合并表头和内容的表格，觉得新鲜，记录一下知识点。 要实现的效果如下： 第一行和第二行分别是表头，第三行和第四行第一列实现多行合并。具体代码实现如下（代码是直接摘取项目）： <el-row style="margin-top:20px" v-for="(item,index) in 阅读全文

摘要： 这些规则可以集中写在一个js 文件里 按需引入即可。 export let phone = { pattern: /^1\d{10}$/, message: '您的手机号码输入错误' } export let positiveInt = { pattern: /^[0-9]\d*$/, messag 阅读全文

摘要： 节流方式有两种： 1。通过watch监听输入框的value值，设置定时器，隔1.5秒去请求一次查询接口。 代码如下： watch:{ // 输入框节流 'ruleData.searchInp':{ handler(val){ if (this.timer) { clearTimeout(this.t 阅读全文

摘要： 最近有需求，列表查询条件的日期组件自动展示前一周到今天的日期。做个小记。废话不多说，直接上代码。 html: <el-date-picker style="width:23%" v-model="time" type="daterange" range-separator="至" start-pla 阅读全文

摘要： 第一步：安装最新版本的vue-cli,我安装的版本是4.5.9 npm install -g @vue/cli 命令安装成功后查看版本 命令：vue -V 输出：@vue/cli 4.5.9 第二步：新建3.0项目 vue create vue-test 回车后选择新建，我选择的是vue3版本默认 阅读全文

摘要： elementui + vue 实现 大批量数据的excel文件下载。这里主要实现方式 通过点击按钮 导出表格功能。实现原理：类似于分页请求，为了在规定超时范围内将大批量数据导出。并且是同步实现，第一页的数据下载完成之后去下载第二页的数据。缺点：用户体验不佳，多文件导出。优点：在不超时的情况下 确保 阅读全文

摘要： Object.getOwnPropertyNames( _this.ruleForm).forEach(item =>{ Object.getOwnPropertyNames(res).forEach(option =>{ if(option == item){ _this.ruleForm[ite 阅读全文

摘要： 实现场景： 当前页面有不同的状态切换，并且有相应的列表值。比如：淘宝的订单列表页面的布局方式。有已发货，待发货，已收货，全部订单等。当点击已发货下的订单列表时，可以跳转到订单详情页面。当点击返回的时候，返回到已发货/待发货状态下相应的列表位置。并且页面不会发送请求。 实现原理： 官方文档指路 kee 阅读全文

摘要： 很久之前做小程序时有个类似每日优鲜里储值卡充值界面里的 卡轮播和价格tab栏联动效果，当时觉得新鲜做出来之后也没当回事。直到今天又遇到了一个类似的功能，所以想着总结经验。 实现效果如下图： 图解：点击tab菜单 三个选项时，下面的轮播会随之滑动，下面的商品列表也会根据上面的tab选项变化。反之，当左 阅读全文