elementUI
shangrila-xiu
这个作者很懒,什么都没留下…
展开
-
elementUI el-table内容自动滚动方案(二)vue-seamless-scroll
elementUI el-table内容自动滚动方案(二)vue-seamless-scroll原创 2023-02-06 09:14:46 · 1469 阅读 · 0 评论 -
elmenetUI el-table内容自动滚动方案(一)定时器
定时器实现el-table的内容滚动原创 2023-02-06 09:12:21 · 678 阅读 · 0 评论 -
vuecli+elementUI修改主题色element-variables.scss
安装element-uinpm i element-ui全局安装主题【如果下面的et执行出错,就使用cnpm安装】npm i element-theme -g.安装白垩主题【我是在node目录的global安装成功的,不知道为啥没有全局的et命令】npm i element-theme-chalk -D编译主题【自动生成element-variables.scss】et -i再把生成的scss文件复制到工程项目的src目录下,然后需要替换element-ui的默认主题文件:即imp原创 2022-01-26 11:30:53 · 2110 阅读 · 0 评论 -
elementUI的组件嵌套使用(scope)
<el-tree class="tree" :data="treeData" @node-click="handleNodeClick" @node-contextmenu="nodeRigthClick" ref="tree" > <span class="custom-tree-node"...原创 2022-01-13 23:25:21 · 867 阅读 · 0 评论 -
element:upload上传附件:删除
<el-upload class="upload-demo" action="#" :file-list="fileList" :before-upload="uploadFile" :on-remove="handleRemove" multiple> <el-button size="small" type="primary" style="margin-top: 10px">点击上传</el-button> <div slot="tip" class="e原创 2020-08-19 14:04:49 · 2684 阅读 · 0 评论 -
elementUI-日期选择器(单个框 限制选择范围、快捷键选择)
.el-input { width: 30%; margin-right: 20px; }<div id="page"> <!--下面的html定义标签部分写在这里--></div>new Vue({ el:'#page',//选择元素,通常都是id data: function() { return { //定义的变量 value1: '', value2: '', //注意:-----下面的javascript部分的代.原创 2020-08-13 10:43:33 · 2553 阅读 · 1 评论 -
elementUI-日期选择器(两个框 限制选择范围、快捷键选择)
.el-input { width: 30%; margin-right: 20px; }两个日期时间框选择1、快捷键选择<el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions".原创 2020-08-11 10:39:07 · 9583 阅读 · 6 评论 -
js拖拽element的弹框
function dragDialog (dialogHeader,elDialog) { // 获取拖拽内容头部 const dialogHeaderEl = document.querySelectorAll(dialogHeader); const dragDom = document.querySelectorAll(elDialog); var _move =false; if(dialogHeaderEl.length>1){ // 获取拖拽内容整体 这个rrc-dialog原创 2020-07-30 19:10:13 · 154 阅读 · 2 评论 -
element的el-input:@keyup.enter.native=““
<el-input placeholder="请输入内容" v-model="searchMsg" @keyup.enter.native="searchData"> <i slot="suffix" class="el-input__icon el-icon-search" @click="searchData"></i> <template slot="append">原创 2020-07-24 10:11:22 · 1831 阅读 · 0 评论 -
elementui :密码表单回写问题
<el-input type="password" v-model="newPass" placeholder="请输入新密码" show-password @blur="passWordBlurFun" @focus="passwordTips=true"></el-input>谷歌浏览器总是会把登陆时保存的账号密码回写到其他输入框中。今天找到了解决方法:第一种测试有效。auto-complete 下个主版本弃用 string on, off off属性是原创 2020-07-09 10:55:50 · 658 阅读 · 0 评论