ElementUI
小问号_
小白一个
展开
-
vue+element plus 点击左侧菜单,右侧内容根据路由切换
菜单切换之前都是用菜单el-menu和el-tabs标签页拼接的,但是菜单没有的组件打不开了,所以改为根据路由打开内容,主要就是改为router-view借鉴学习了这位大大的思路 指路链接自己成功之后记录下路由 router.jsconst routes = [ { path: '/', name: 'home', component: () => import("../views/Home.vue"),////这里是核心: center作为容器组件,包含左右菜单原创 2022-01-19 10:53:31 · 4853 阅读 · 2 评论 -
ElementUI使用中的css小bug
表格表头和内容列对不齐/* 解决element-ui 表格篡位的问题 */.el-table th.gutter{ display: table-cell!important; }表格中间有一条白线/* 表格不显示一条线 */.el-table--group::after, .el-table::before { background-color: transparent;}...原创 2021-03-23 15:15:42 · 169 阅读 · 0 评论 -
vue解决IE9及以下不显示placeholder的问题
参考文章链接因为我是vue+elementUI的项目,所以不会每次切换菜单都会刷新浏览器,所以整理了一下vue里的用法首先在公共js文件里新建placeholder.js文件,输出一个PlaceholderInit函数//解决ie下 input 的placeholder不显示问题export function PlaceholderInit() { return jQuery(function() { var placeholderfriend = { focus: fun原创 2020-12-08 13:44:45 · 1032 阅读 · 0 评论 -
关于Form表单- - -Missing required prop: “value“
关于Form表单- - -Missing required prop: “value”From表单下拉框select需要动态绑定值,option需要value原创 2020-01-02 08:23:25 · 8190 阅读 · 0 评论 -
Form表单不换行
.el-form {white-space: nowrap;}原创 2020-01-02 08:23:54 · 2564 阅读 · 0 评论 -
饿了么table后台排序以及分页问题
首先,官网是这么说的不需要后台的排序很简单,就不说了,接下来说一下对接后台的排序以及分页问题首先在table上写一个 sort-change 事件,指向一个函数 sortChange然后在需要排序的列上面写上 sortable=‘custom’sort-change方法自带三个参数,分别代表意义是:column:当前列prop:当前列需要排序的数据order:排序的规则(升序、降...原创 2020-03-12 15:38:14 · 1973 阅读 · 0 评论 -
服务器端饿了么图标显示不正常
在项目里build文件下utils.js文件里加入下面一行代码原创 2020-03-13 09:39:36 · 972 阅读 · 0 评论 -
Vue图片预览组件v-viewer,支持旋转、缩放、翻转等操作
借鉴:Vue Vue图片浏览组件v-viewer,支持旋转、缩放、翻转等操作官网:v-viewer原创 2020-09-17 10:56:12 · 588 阅读 · 0 评论 -
ElementUI自定义表头 :render-header
将饿了么表格表头的文字修改为图标template部分修改如下:<el-table-column align="center" :render-header="renderHeader"> <template></template></el-table-column>js添加事件如下:// render 事件renderHeader(h, { column }) { // h即为cerateElement的简写,具体可看vue官方文原创 2020-09-17 11:09:15 · 3047 阅读 · 0 评论