-
解决el-cascader级联选择器的问题
解决element-ui中级联选择器el-cascader数据列表内容高度过高超出屏幕的问题和滚动条el-scrollbar底下横向滚动条样式影响美观的问题解决方法:需要在全局的样式中添加如下的代码.el-cascader-panel{height:400px;}2.滚动条el-scrollbar底下横向滚动条样式影响美观.el-scrollbar-panel{overflow-x:hidden;… -
Vue2实现导出Excel文件,并设置行高,宽度,合并单元格等。
//一、安装xlsx和xlsx-style-fixedvernpminstallxlsxnpminstallxlsx-style-fixedver注意:如安装过程发生如下报错,请更换为官方源npmconfigsetregistryhttps://registry.npmjs.org/二、使用实例://封装/*eslint-disable*/import{saveAs}from'file-saver… -
el-autocomplete修改下拉框宽度
.el-autocomplete-suggestion{width:auto!important;}如果还不行可以尝试前面加上/deep/ -
el-input聚焦时全选文本
getInputFocus(event){event.currentTarget.select();} -
Vue项目新打包文件放在服务器后,客户端自动更新问题
每次测试构建或者打包更新版本发到服务器上,导致偶尔会出现不能及时更新到最新代码的问题。一、在vue.config.js中配置output,打包后的文件会带时间戳constTimestamp=newDate().getTime();module.exports={//每次构建打包时给文件名加上时间戳,确保每次版本更新的文件名不一样configureWebpack:{output:{filename:… -
elementui dropdown实现二级菜单
elementuidropdown实现二级菜单 -
elementUI 预览大图关闭按钮问题
ElementUI中的图片有预览大图的功能,但是只能点击右上角的关闭图标才能关闭,感觉很不方便,而且如果大屏还很难注意到这个按钮method:{//关闭el-image遮罩层handleClickItem(){this.$nextTick(()=>{//获取遮罩层domletdomImageMask=document.querySelector('.el-image-viewer__mask')i… -
vue权限管理---按钮权限
//创建premission.js文件importVuefrom'vue'importstorefrom'../store/index.js'//自定义指令,用来控制按钮权限Vue.directive('permission',{inserted(el,binding){//当前按钮传递的值(v-permission="'add'"中的值)constcurrentTag=binding.value…