草庐IT

el-date-picker:选择日期的限制

目录前言:基本使用:时间区间:公司业务:选择一个日期区间,但是只能选择本月day.js简化版1day.js简化版2前言:element-ui作为vue的龙头ui组件库,深受前端开发者的喜爱。本文着重记录如何使用el-date-picker日期选择器,怎么去限制选择日期。先上官网链接---el-date-picker基本使用:先看下方代码exportdefault{data(){return{value:''};}};这是一个最基本的使用方式,长这个样子。 下面先提一个需求,要求不能选择当前日期之前的日期,怎么办?看picker-options属性,我们需要在disabledDate上做文章!d

el-upload自定义手动上传方法

 选取文件保存//选择文件变化后handleChangeQuitUpload(e){this.form.uploadFile=e.raw;//上传的文件},data(){return{ form:{ uploadFile:null, }, acceptFile:['jpg','zip','png']}}methods:{ saveData(){ //选取了文件则上传 if(this.form.uploadFile){ this.uploadHttpRequest(); } } //上传执行的方法asyncuploadHttpRequest(){constformData=newFormDa

Vue3 开发实战分享——打印插件 Print.js 的使用(Vue3 + Nodejs + Print.js 实战)以及 el-table 与 el-pagination 的深入使用(下)

文章目录💻关于CSDN1024📋前情回顾&前言🎯关于el-table🧩项目中延申使用1️⃣获取每行对应的内容数据2️⃣行内数据判断处理(过滤)3️⃣对表格内容的索引🎯关于el-pagination🧩项目中延申使用1️⃣显示总条数与分页展示2️⃣跳转页和页码样式3️⃣设置为中文📝最后💻关于CSDN1024在进入文章的正文之前,我们先一起了解一下关于CSDN今年的1024程序员节。与此同时这也是我在CSDN参与的第二个1024程序员节日,转眼间也快写博客两年时间,去年很遗憾没有去到深圳(疫情原因)线下参加这个有趣而充实的峰会。今年没有特殊情况的话一定会如约而至,已经提前报好名了,期待那天的到来!虽

微信小程序:动态修改自定义组件中vant-tab选中标签的大小并加粗标签

    1.在自定义组件的wxss文件里添加如下代码,此处还可以改变字体颜色之类的:.van-tab--active {  font-weight: bold;  font-size: 34rpx;}    2.在自定义组件的json文件中修改组件样式隔离模式:"styleIsolation": "shared"    3.还遇到一个天坑的问题,这个自定义组件必须放在父组件的第一个引用位置,否则无法生效。我之前tab组件在upload组件的下面,导致一直无法生效。"usingComponents":{"tab":"/components/tab/tab","upload":"/componen

php - 在 XAMPP (OS X/El Capitan) 上安装 MongoDB 驱动程序时出错

我不是XAMPP、PHP或MongoDB的新手,但我是Mac的新手,所以获取PHPMongoDBdriver设置给我带来的麻烦超出了应有的范围。当我尝试从/applications/xampp/xamppfiles/bin运行$sudopeclinstallmongodb时,我收到此错误:configure:error:CannotfindOpenSSL'sERROR:`/private/tmp/pear/install/mongodb/configure--with-php-config=/usr/bin/php-config'failed因为我是Mac的新手,所以我什至不确定如何处

el-form的rules如何校验多层嵌套对象

el-form的表单校验,通常情况下,都是在校验第一层对象时使用例如:el-formref="form":model="postData":rules="rules"class="common-form"label-width="118px"size="mini">el-row>el-col:span="12">el-form-itemprop="custType"label="客户属性">el-radio-groupv-model="postData.custType"@change="changeCustomerType">el-radiolabel="客户属性1">客户属性1/el-ra

VUE element-ui 使用Screefull 页面全屏时el-select下拉菜单不显示(下拉框不显示无法选择)问题解决

简介:VUEelement-ui之页面全屏时el-select下拉菜单不显示问题解决问题原因:elemrnt-ui会默认将弹出框插入至body元素;当设置了某个元素全屏时,会遮挡住原来的select下拉数据。解决方法:el-selectv-model="value"placeholder="区域选择":popper-append-to-body="false"//加入此行代码,完美解决>实现效果

el-table实现纯前端导出(适用于el-table任意表格)

2023.9.1今天我学习了如何使用el-table实现前端的导出功能,该方法的好处有无论你的el-table长什么样子,导出之后就是什么样子。1.安装三个插件npminstallfile-savenpminstallxlsxnpminstallxlsx-style2.创建Export2Excel.js//根据dom导出表格import{saveAs}from'file-saver'import*asXLSXfrom'xlsx'import*asXLSXStylefrom"xlsx-style";functions2ab(s){varbuf=newArrayBuffer(s.length);v

修改element-ui中Tabs标签页下划线默认颜色的方法以及为什么设置了.el-tabs /deep/ .el-tabs__nav-wrap::after不起效果

类似图上的灰色线段,这是Tabs的默认样式,在项目中的路径位置在:node_modules/element-ui/theme-chalk/tag.css  (我原本想在源文件直接改颜色的,但是找了一圈不知道哪个是他的颜色哈哈哈)方法是:.el-tabs/deep/.el-tabs__nav-wrap::after{background-color:#fff;}/deep/深度作用操作符:可以使样式作用的更深,例如影响子组件。同时,/deep/可以用>>>或::v-deep替代。其余两者都是>>>的别名注意:在使用深度作用操作符时,一定要是scoped局部样式(也就是在style后加scoped

php - MongoDB PHP 驱动程序安装 (OS X El Capitan)

今天下午的大部分时间里,我一直在努力安装MongoDBPHP驱动程序。我使用的是PHP5.5版,我已经使用brewinstallphp55-mongo安装了MongoDBPHP驱动程序(尽管我之前尝试过其他方法)。问题是,每当我尝试使用MongoClient()时,我都会收到错误消息:Class'MongoClient'notfound当我运行php-m时,模块“mongo”被列出,但我也收到以下警告:PHPWarning:PHPStartup:Unabletoloaddynamiclibrary'/usr/local/Cellar/php55/5.5.34/lib/php/exten