解决element-ui框架下导航菜单el-menu 刷新后菜单高亮问题
element-ui + vue.js项目中，页面刷新后侧边导航失去高亮。element-ui框架el-menu 组件提供一个默认高亮的属性:default-active=“”，页面刷新后可以获取页面的url ,进行处理，获得el-menu-item里面的index,然后赋值给default-act...
修改element-ui tree树结构前面得小三角。
可以看到有下级没展开是。有下级展开了是没有下级了得前面什么符号也没有。我们只需要替换那两个就可以啦。有下级用没展开+。展开了用-。 我们只需要覆盖原来得样式，.tree .el-tree-node__expand-icon.expanded { -webkit-transform: rotate...
element ui 表格动态生成多级表头，可无限嵌套
官网的写法是el-table-column下面嵌套el-table-column，如下：<template> <el-table :data="tableData3" style="width: 100%"> <el-table-column ...
element 的dialog弹出会被遮住，如何解决？
场景图：解决办法1：在dialog上面写<el-dialog :visible.sync="operateVisible" width="50%" top="5vh" append-to-body>解决办法2：<el-dialog :visible.sync="operateVis...
Vue3 + Vite + TS + Element-Plus + Pinia项目(7)新建类型文件
1、在src文件夹下新建types文件夹后，新建index.d.ts文件 export interface ChatMessage{ id:string; msg:string; chatId:string; chatUserId:string; chatUserNam...
vue element-ui分页器实现切换分页和选择展示数目与接口互通功能
在分页器标签中设置size-change和current-changesize-change是当page-size发生变化时 触发的函数current-page是当前页面切换时 触发的函数这两个函数的参数分别接受一个值handleSizeChange接受的参数val值就是变化的page-size值 ...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: ＜el-form＞ - did you register the com
在引用Vue组件的时候出现引入错误：这个时候要看一下是否引入了element的JS文件，是否进行了全局的配置这个时候看到elementJS文件已经引入，要在看一下是否进行了全局的注册现在这个时候看到了已经进行了按需导入，并且还进行了全局的注册然后我感觉了全局注册有了问题进行了修改现在可以看到了已经没...
Vue报错—— Unknown custom element: [mpvue-picker] - did you register the component correctly...解决办法
问题如下:解决办法：一，问题分析出自哪里：首先解析下这个报错是啥意思：“未知的自定义组件：-是否正确注册了该组件？对于递归组件，请确保提供“name”选项…”这就很清楚了，原来是自定义组件name或者是未正确引入自定义组件；二：解决问题：1、是否在页面上注册组件正确注册组件：2、是否在页面上引入正确...
Message: stale element reference: element is not attached to the page document
在进行邮件爬取的时候出现了一下错误 Message: stale element reference: element is not attached to the page document原因是：所引用的元素已过时，不再依附于当前页面。通常情况下，这是因为页面进行了刷新或跳转，解决方法是，重新使...
【vue】vue +element 搭建及开发中项目中，遇到的错误提示
1.import Layout from '@/views/layout/Layout';export default [ { // 配置路由，当路径为'/activePublic',使用组件activePublic path: '/activeManage', c...
vue搭配element获取token登录校验
Vue项目登录页面获取token验证实现思路1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 ...
教你自己创建一个Vue的UI组件库类似Element
**网上看到了这篇文章 非常的棒哈**前言随着前端的三大框架的出现,组件化的思想越来越流行,出现许多组件库.它能够帮助开发者节省时间提高效率,如React的Ant-design,Vue的iView,Element等,它们的功能已经很完善了.我写这遍文章的目的:记录自己搭建UI库的过程(对Vue的理解...
vant mint-ui element-ui官网进/上不去的解决办法
上任鹅城，鹅城进不去了办法来了，青天就有了分三步走，请客、斩首、收下当狗第一步：点击下方前往“站长工具”查询对应网址youzan.github.io的DNS站长工具地址第二步：找到TTL值最小的那个的ip地址 和 我们需要的网址对应关系，配置到hosts文件中win10 hosts文件默认路径：C:...
IE浏览器中element的对话框显示不完全
1 el-dialog的父级元素设置了border-radius，border-radius设置为0就可以全部弹出了。2 CSS解决代码:IE10或IE11:使用媒体查询（-ms-high-contrast）来加载样式表。由于-ms-high-contrast是微软特有的(并且只在IE 10+中可用...
element UI-远程搜索（el-autocomplete）修改下拉框的样式
记录实现改变下拉框的功能1.默认样式el-autocomplete下拉列表的宽度默认与输入框的一样。当远程搜索返回的字段过多时，部分字体会被掩盖。查看官方文档，发现popper-classpopper-classAutocomplete 下拉列表的类名2.添加popper-class3.确定元素调试...
element组件清除输入框数据失败
在vue项目中使用element组件el-form 需要清空输入框内容 在使用组件上 this.$refs.自定义的ref名称.resetFields() 时 如果清除数据失败，请检查el-form-item 标签上是否添加了prop 属性和绑定的from属性 ； ...
element-ui中Table的表头中添加按钮并绑定事件
element-ui中Table的表头中添加按钮并绑定事件先上样式其实因为就是表格表头里面添加一个按钮，按钮绑定一个点击事件导出表格上代码图特别简单其实就是element-ui里面的多级表头可以参考官方文档外层属性绑定一个 :render-header属性等于一个函数下面methods里面定义函数即...
Element UI Tree 树形控件，数据回填存在重大bug，附带解决方式
Element UI Tree 树形控件，数据回填存在重大bug，附带解决方式问题描述：解决方案：问题描述：异步加载数据，getPositionTreeByPost是请求数据接口，default_checked_keys是回填的节点ID，default_expanded_keys是回填展开的节点回填...
element 树形数据与懒加载 树形数据无法展开
今天 遇到一个奇怪的事情，从element官网 复制了树形数据与懒加载源码，在vue中运行，显示只有表格数据，没有数节点无法展开。在此分享经验，代码就不发了，element官网组件都有原因：element-ui不是罪新版方法：先卸载 之前版本 npm uninstall element-ui再安装...
element-ui的table表格踩坑记录
#本篇记录使用el-table的树形数据所需注意的点第一点要注意的，其实这不算坑，是我自己粗心，接手的项目用的element版本低，2.4的，但是使用的时候对照2.12版本在使用，调了半天，就是不出来下拉箭头，后来才发现，希望大家都别学我这么马虎~~~第二点就是row-key，千万要注意row-ke...