草庐IT

element-admin

全部标签

element ui Dialog before-close的使用方法,before-close调用不规则before-close一直调用/执行

 before-close绑定的方法一直被调用:原因是因为这个“()”,将括号去掉就可以 before-close使用方法 点击打开Dialog 这是一段信息 取消 确定 exportdefault{ data(){ return{ dialogVisible:false }; }, methods:{ handleClose(done){ this.$confirm('确认关闭?') .then(_=>{ //关闭方法-上方传的参数done done(); }) .catc

Element-UI的DateTimePicker禁用日期时间选择(type=datetime)

1、版本"date-fns":"^2.29.3","element-ui":"^2.15.13",2、可使用date-fns处理时间import{format,isToday}from'date-fns';//时间格式化为:yyyy-MM-ddHH:mm:ssexportfunctiondateTimeFormat(time){returnformat(time,'yyyy-MM-ddHH:mm:ss');}//时间格式化为:yyyy-MM-ddexportfunctiondateFormat(time){returnformat(time,'yyyy-MM-dd');}//时间格式化为:HH

Selenium中find_element_by_id无法使用,改用driver.find_element(by=By.ID, value=None)

在自学selenium的时候,可能教学视频太老了,WebDriver已经没有find_element_by_id这个方法了。fromseleniumimportwebdriverimporttime#webdriver获取浏览器的对象driver=webdriver.Chrome()#准备一个网址#https://www.baidu.com/url="https://www.baidu.com"driver.get(url)#查找元素(标签,标记,节点)通过iddriver.find_element_by_id("kw").send_keys("python")driver.find_elem

vue+element-ui 校验开始时间与结束时间

 需求背景:开始时间不能早于当前时间(此刻之前不可选) 代码实现:                                     v-model="basicMessage.startTime"       value-format="yyyy-MM-ddHH:mm:ss"       type="datetime"       :picker-options="pickerOptions"       placeholder="选择执行开始时间">                -                  v-model="basicMessage.endTime"   

element-ui折叠面板怎么修改样式

修改前divclass="sidebar">...el-collapsev-model="activeName"accordion>...el-collapse-itemname="3">templateslot="title">iclass="header-iconel-icon-s-goods">i>商品管理template>div>iclass="el-icon-menu">i>商品列表div>div>iclass="el-icon-menu">i>分类参数div>div>iclass="el-icon-menu">i>商品分类div>el-collapse-item> ...el-co

element-ui修改默认按钮和文本框点击后的颜色

   我们在使用element-ui的时候,我们可以快速的搭建项目,并可以更快速的实现布局,但是我们如果想要修改它的某些样式的话,我们靠css并不能完全的修改,我之前发布过一个修改element-ui分页背景色的,因为当时我写一个demo需要用到。然后今天写了一个表单,需要用到element-ui的文本框和按钮,因为它默认文本框的点击效果没有符合我的需求,所以也进行了样式的修改首先是文本框的组件 按钮的组件 修改文本框点击后的样式/*修改element-ui文本框点击后的样式*/.nm-skin-pretty.el-input.is-active.el-input__inner,.nm-ski

安装element-UI失败,报错Cannot read properties of null (reading ‘package‘)

通过npminstall安装依赖报如下错误。解决办法:尝试通过cnpminstall或 yarninstall即可解决。  把npminstallelement-ui改成cnpminstallelement-ui(不知道是不是因为当初安装vue-cli脚手架的时候是用的cnpm)题外话:    在我查找这个问题的解决办法的时候,一直找不到可行的解决办法,甚至连这个症状(reading后面是"package"而不是其他)的帖子都比较少,所以现在尽量多水字数,看能不能混到发文助手的流量扶持,让需要的人更容易看到。(然鹅发文助手还是警报说文章低质量.......)    我百度到的方法一般是两种:一

element-UI月份选择器(禁用未来月份+限制选择12个月范围)

return{trendData:{date:[]},minDate:null,maxDate:null},monthpickoption:{disabledDate:(time)=>{if(this.minDate!==null&&this.maxDate===null){letminMonth=this.minDate.getMonth(),lastYear=newDate(this.minDate).setMonth(minMonth-11),nextYear=newDate(this.minDate).setMonth(minMonth+11);letminTime=this.minD

vue3 vite直接创建项目 添加 element-ui 按需引入和全部引入

 创建home工程yarncreatevitehome--templatevuecdhomeyarnyarndevyrandev就可以看到一个网址点进去就可以看到效果了添加element-uiyarnaddelement-plus 全局引入(不推荐)之前的main.jsimport{createApp}from'vue'import'./style.css'importAppfrom'./App.vue'createApp(App).mount('#app')修改后的import{createApp}from'vue'importElementPlusfrom'element-plus'imp

Element UI Dialog 对话框改成固定高度,超出部分滚动条滚动

问题描述elememtui中的el-dialog对话框如果内容过多高度会被无限拉长。要将其设置成固定高度,此处我设置的是页面总高度的70%,内容过多时在对话框内出现滚动条。但是这样设置会造成高度不能根据内容自适应,始终是70%。可以有两种方法实现:一具体代码如下:template>div>el-dialogv-el-drag-dialog:close-on-click-modal="false"v-if="orderDetailVisible":title="$t('workOrder.workOrderDetail')":visible.sync="orderDetailVisible"cl