我们在使用element-ui的时候，我们可以快速的搭建项目，并可以更快速的实现布局，但是我们如果想要修改它的某些样式的话，我们靠css并不能完全的修改，我之前发布过一个修改element-ui分页背景色的，因为当时我写一个demo需要用到。然后今天写了一个表单，需要用到element-ui的文本框和按钮，因为它默认文本框的点击效果没有符合我的需求，所以也进行了样式的修改首先是文本框的组件 按钮的组件 修改文本框点击后的样式/*修改element-ui文本框点击后的样式*/.nm-skin-pretty.el-input.is-active.el-input__inner,.nm-ski
通过npminstall安装依赖报如下错误。解决办法：尝试通过cnpminstall或 yarninstall即可解决。 把npminstallelement-ui改成cnpminstallelement-ui（不知道是不是因为当初安装vue-cli脚手架的时候是用的cnpm）题外话： 在我查找这个问题的解决办法的时候，一直找不到可行的解决办法，甚至连这个症状（reading后面是"package"而不是其他）的帖子都比较少，所以现在尽量多水字数，看能不能混到发文助手的流量扶持，让需要的人更容易看到。（然鹅发文助手还是警报说文章低质量.......） 我百度到的方法一般是两种：一
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
创建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
问题描述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
项目场景：在开发后台管理系统的时候，我们的main区域有时会因为表格的高度固定导致不同分辨率情况下展示不同，低分辨率情况下会出现整体竖向滚动条。问题描述elementui的表格有height属性，但是他是固定的，不会随着分辨率不同进行自适应。低分辨率可能会出现滚动条。解决方案：可以将elementuitable的height属性高度进行calc(100vh-xx)进行自适应。这样表格高度就会随着分辨率不同进行自适应。其中xx单位可以为px，也可以为rem。如果配置了rem，推荐使用rem。
element-ui因其组件丰富、可拓展性强、文档详细等优点成为Vue最火的第三方UI框架。element-ui其本身就针对后台系统设计了很多实用的组件，基本上满足了平时的开发需求。既然如此，那么我们为什么还要进行二次封装呢？有以下两种场景在日常的开发过程中，部分模块重复性比较强，这个时候就会产生大量重复的代码。这些模块的样式基本上是比较固定的，而且实现的功能也比较相近。如果每个地方都复制一份相似的代码，既不遵守代码的简洁之道，也不利于后期的维护修改此外，在一些业务背景下，产品可能会要求设计新的交互。这个时候也可以基于element-ui进行二次开发，将其封装成一个新的组件方便多个地方使用因为
element-ui因其组件丰富、可拓展性强、文档详细等优点成为Vue最火的第三方UI框架。element-ui其本身就针对后台系统设计了很多实用的组件，基本上满足了平时的开发需求。既然如此，那么我们为什么还要进行二次封装呢？有以下两种场景在日常的开发过程中，部分模块重复性比较强，这个时候就会产生大量重复的代码。这些模块的样式基本上是比较固定的，而且实现的功能也比较相近。如果每个地方都复制一份相似的代码，既不遵守代码的简洁之道，也不利于后期的维护修改此外，在一些业务背景下，产品可能会要求设计新的交互。这个时候也可以基于element-ui进行二次开发，将其封装成一个新的组件方便多个地方使用因为
1.可以实现Vue移动端和PC端的响应式布局适配实现方法：通过postcss-px-to-viewport来自动将我们开发时的px单位计算转换为vw/rem视口单位,完成响应式布局。安装插件npm安装npminstallpostcss-px-to-viewport-Snpm安装npminstallpostcss-px20px-Snpm安装npminstallpostcss-px20px-SPC端适配，在项目根目录下创建postcss.config.js配置文件module.exports={plugins:{'postcss-px-to-viewport':{unitToConvert:'px
今天项目里面的登录页面，需要按键盘回车键就直接登录，但是测试的时候，按了回车键后，直接刷新页面了，这不是我想要的，之后网上查了一下代码如下：el-inputv-model="form.biz_user_password"placeholder="请输入新密码"@keyup.enter.native="keyUp('form')">el-input>上面的写法没问题，但是这样又会出现一个问题，当form表单中只有一个input框时，按回车键，页面还是刷新的。之后再查了一下，原来form表单只有一个Input框时，回车键默认为表单提交的事件所以最后的解决文案为：el-formref="form":
