UI组件库
UI组件库相关资料
深海有鱼呀
永远年轻,永远热泪盈眶
展开
-
创建表格渲染
【代码】创建表格渲染。原创 2022-08-17 09:57:55 · 172 阅读 · 0 评论 -
element表格行合并通用方法
element表格行合并通用方法。原创 2022-07-26 00:08:49 · 760 阅读 · 0 评论 -
element-ui Select 选择器 滚动加载 (vue 指令)
定义自定义指令import Vue from 'vue'let MyPlugin = {}// 定义全局指令export default MyPlugin.install = function(vue, options) { // loadmore 是定义的指令 名称 , 使用时 用 v-loadmore = "dosomethingFun or data" Vue.directive('loadmore', { // bind只调用一次,指令第一次绑定到元素时调用。在这里可以进原创 2021-06-08 14:06:40 · 1044 阅读 · 0 评论 -
Element--简单的二次封装tree组件
<template> <div class="about"> <myTree :data.sync="data" :fileDrop="fileDrop" :diectoryDrop="diectoryDrop" :del="del"></myTree> </div></template><script>import myTree from '../components/myTree.vue'expo原创 2021-04-06 00:47:52 · 370 阅读 · 0 评论 -
深度选择器在火狐浏览器下的问题
1、如果给父级元素加了/deep/,那么子级元素就不需要再加/deep/了。如果加上了的话,在谷歌浏览器对样式没有影响,但是在火狐中样式会异常。2、全局样式里使用了/deep/,在谷歌浏览器有效,火狐浏览器下失效。...原创 2020-07-24 18:16:10 · 451 阅读 · 1 评论 -
Element--table前端自增序号
<el-table-column type="index" width="55" label=" "> <template scope="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}} </span></template><...原创 2020-06-19 16:55:09 · 819 阅读 · 0 评论 -
Element--前端分页
表格写法:<el-table:data="tablist.slice((pageindex-1)*pageSize,pageindex*pageSize)"style="width:100%">主要作用:tablist.slice((pageindex-1)*pageSize,pageindex*pageSize) 从后端获取的数据中截取一个区间数据tablist:...原创 2020-06-19 16:54:06 · 556 阅读 · 0 评论 -
Element--区域滚动 VS css中的区域滚动
table表格滚动条修改:/deep/ .el-table__body-wrapper {font-size: 12px;color: #808492 ;}/deep/ .el-table__body-wrapper::-webkit-scrollbar {width: 6px; // 横向滚动条height: 6px; // 纵向滚动条 必写}// 滚动条的滑块/deep/ ...原创 2020-06-19 16:48:32 · 831 阅读 · 0 评论 -
Element--table没有数据自定义提示
```handlebars<template slot="empty"> <div> <span>暂无数据</span> </div></template>原创 2020-06-19 16:47:10 · 760 阅读 · 0 评论 -
Element--el-tooltip定义样式
<el-tooltip placement="bottom" effect="light" popper-class="toolp"> <div slot="content"><p>1.事件分析需要您的技术同事在小程序代码中埋点,买点方式参考自定义事件。</p><p>2.如已埋...原创 2020-06-19 16:46:59 · 16632 阅读 · 2 评论 -
Element--menu选中项高亮的问题(记录地址)
https://www.cnblogs.com/liuqin-always/p/11603708.html原创 2020-06-19 16:39:24 · 822 阅读 · 0 评论 -
Element--messagebox弹框关闭问题
问题描述:当弹框显示时点击浏览器返回按钮,页面跳转上一级页面,但是弹框仍然显示!问题解决:在全局中导入messagBox对象:import { MessageBox } from ‘mint-ui’;然后调用对象的close()方法:const router = new VueRouter({routes})router.afterEach(route => {Messag...原创 2020-06-19 16:33:59 · 3347 阅读 · 0 评论 -
Element--时间范围选择添加限制条件
组件代码:<el-date-picker v-model="value1" type="date" placeholder="选择日期" :picker-options="pickerOptions0"></el-date-picker>情景1: 设置选择今天以及今天之后的日期data (){ retu...原创 2020-06-19 16:20:14 · 828 阅读 · 1 评论 -
Element--table组件头部添加图标提示、改变头部head颜色
<el-table-column prop="new_comer_count" label="新用户数" sortable="true" :render-header="renderHeader" > r...原创 2020-06-19 16:19:44 · 640 阅读 · 0 评论