![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Charis-Cai
机遇之花,只在有准备的土壤中开放。
展开
-
Element-plus虚拟化表格(JS版)-带单选框
Element-plus虚拟化表格原创 2023-07-28 17:57:24 · 650 阅读 · 0 评论 -
将数组对象转化成element中树形控件的数据结构
需求:将数组对象转化成elementUI中树形控件的数据结构形式,没有父子级id区分。同时,判断一级目录、二级目录是否都相同;判断一级目录是否相同,如果一级目录相同则将二级目录及以下都放到相同的一级目录下。Talk is cheap,show you the code.将以下数组对象:let info = [ { code: "7CE2D88A", gateway_name: "空调机组3号", longitude: "120.1054...原创 2020-06-29 18:11:14 · 1039 阅读 · 0 评论 -
element-ui table中使用type='selection'实现多选、禁用的问题总结
问题1. 在表格中使用type='selection'实现多选,但表头中用label无法添加全选字样解决方法:使用css伪类元素添加.el-table__header.has-guttertr.el-table-column--selection.cell.el-checkbox:before(或after) {content:"全选 ";}问题2: 在...原创 2019-12-29 11:15:10 · 17182 阅读 · 0 评论 -
Vue---列表页带参数进详情页(router-link)
首先,仔细看文档!!!一点一点的踩坑过来的~~~这里介绍params和query两种方法1.用params传参列表页:<router-link :to="{ name:'msgDetail', params: {id: item.msg_id} }">(注意:用params传参这里是命名路由,用name)</router-link>路由配置如下:...原创 2018-08-09 18:39:10 · 7481 阅读 · 1 评论 -
vue引入外部字体包报错(Source code omitted for this binary file)
vue项目引入外部字体包,然后报这个错,在网上搜,都是说使用webpack打包的时候才会出现这个错(原因是缺少loader)解决方案:将字体包转换一下,转换地址为https://transfonter.org/然后下载下来 引入就OK了。纯属做笔记...原创 2019-06-12 20:21:12 · 5293 阅读 · 0 评论 -
解决element-ui中container容器布局的问题
根据项目需求,我要得是这种效果:根据官方文档,代码如下:<el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-aside> <el-main>...原创 2019-06-21 10:51:34 · 13968 阅读 · 0 评论 -
element-ui使用导航栏跳转路由
在el-menu上设置:default-active="this.$router.path"和 router,在el-menu-item上的index上设置路由path,记得加上‘/’ 。详见这篇文章https://www.jb51.net/article/146095.htm...转载 2019-06-25 10:06:36 · 2414 阅读 · 0 评论 -
解决vue路由跳转了但界面不显示问题
没有在父路由加上router-view,加上下面的代码即可。<!-- 路由匹配到的组件将显示在这里 --><router-view></router-view>原创 2019-07-18 09:48:41 · 19767 阅读 · 6 评论