草庐IT

$element

全部标签

element ui el-calendar日历组件使用总结

el-calendar日历组件使用总结1.需求说明2.基础实现3.只展示当月数据4.动态切换日历里的数据实现5.顺便把快捷方式隐藏了,不让用户选择上一个月下一个月1.需求说明按月显示,每次只显示一个月的日期,其余隐藏日历组件的显示时间随着上方选择框的变化(比如我切换到6月份,下面也要同步切换到6月份)点击某一天可以添加事项(如果是空白的,未添加的),展示在对应的框里,同时添加悬浮展示的组件如果是点击有事项的,则是编辑事项(这里展示的是不同的弹框)每一月的数据存到数据库2.基础实现这里做的是数据渲染,以及事件绑定,新增与编辑是点击不同的地方el-calendarv-model="value">t

vue2+element-ui 实现国际化

1.安装vue-i8n依赖npmivue-i18n2.创建语言包文件在src目录下创建一个lang文件夹,同时创建zh.js(中文),en.js(英文),ja.js(日文),fr.js(法文)四个语言包js文件,并创建一个index.js文件,用来整合语言包对于一个项目来说,一个语言包需要包含所有页面以及组件;在语言包以页面为单位,创建一个对象;对公共的title或者按钮名称可以单独提取出来。此处只展示中文和英文文件,其它语言包同中英文文件格式。zh.jsexportdefault{ModelObj:{title:'模板列表',rAddBtn:'新增模板',searchSelect:{opti

vue 中 element ui 导出excel (纯前端导出)

    在此之前请先配置elementui或者elementplus在进行下面的操作。1.安装依赖npminstall-Sfile-saverxlsxnpminstall-Dscript-loader 下载所需的js文件         在这里我主要讲下require报错的问题,我在使用的时候,就遇到require报错的问题。所以从网络上搜索发现修改其中Export2Excel的源文件即可不报错。//Export2Excel.js/*eslint-disable*/require("script-loader!file-saver");require("./Blob.js");//转二进制用这

GitHub上拉取并运行一个go项目--go-admin(基于Gin + Vue + Element UI的前后端分离权限管理系统脚手架)

GitHub上拉取并运行一个go项目–go-admin(基于Gin+Vue+ElementUI的前后端分离权限管理系统脚手架)前言在GitHub上拉取项目本来是一件很平常的事情,那么我今天为什么要说一下这个项目及其拉取过程呢?这个项目是基于Gin+Vue+ElementUI的前后端分离权限管理系统脚手架(包含了:多租户的支持,基础用户管理功能,jwt鉴权,代码生成器,RBAC资源控制,表单构建,定时任务等)3分钟构建自己的中后台项目;文档:https://doc.go-admin.devDemo:https://www.go-admin.devAntdbeta版本:https://previe

新版selenium中 find_element_by_xpath 已失效的解决方法

selenium的一些函数(例如.find_element_by_xpath等),在新版本的selenium包中已经失效。所以,应当安装旧版本的selenium(3.141.0),程序才能正常运行。具体操作如下:1、删除urllib3包:pipuninstallurllib32、删除selenium包:pipuninstallselenium期间如有询问,输入Y,回车3、安装urllib3:pipinstallurllib3==1.25.8-ihttps://pypi.tuna.tsinghua.edu.cn/simple4、安装selenium:pipinstallselenium==3.1

新版selenium中 find_element_by_xpath 已失效的解决方法

selenium的一些函数(例如.find_element_by_xpath等),在新版本的selenium包中已经失效。所以,应当安装旧版本的selenium(3.141.0),程序才能正常运行。具体操作如下:1、删除urllib3包:pipuninstallurllib32、删除selenium包:pipuninstallselenium期间如有询问,输入Y,回车3、安装urllib3:pipinstallurllib3==1.25.8-ihttps://pypi.tuna.tsinghua.edu.cn/simple4、安装selenium:pipinstallselenium==3.1

【Vue+Element-UI】Select选择器:绑定值为对象,获取选中的对象

前言业务需求:使用Select选择器选择多个用户,并获取选中的用户对象数据。实现思路:常规的Select选择器,v-model绑定的参数仅能获取到label值,获取不到选中的整个item对象。参考Element-UI官方Select选择器。一、绑定值为对象类型1.绑定及获取选中的对象设置v-model属性:v-model=“selectUsers”,selectUsers为对象设置value-key属性:如果Select的绑定值为对象类型,请务必指定value-key作为它的唯一性标识。如果设置multiple属性的话,selectUsers为对象数组代码如下(示例):el-selectv-m

【前端-React Native】移动端原生开发整合React Native Elements教程-安卓示例

目录一、移动开发和web开发的区别二、什么是ReactNative?三、如何实现安卓和IOS用一套代码开发四、ReactNative开发实战1.安装Androidstudio2.使用Expo创建工程3.启动4.使用UI框架ReactActiveElements5.扩展:使用UI框架antdDesignMobileRN五、项目结构1.小项目2.中型项目3.大型项目六、进阶七、相关资料文章已收录至https://lichong.work,转载请注明原文链接。ps:欢迎关注公众号“Fun肆编程”或添加我的私人微信交流经验🤝一、移动开发和web开发的区别移动前端开发和web开发都属于前端开发的范围。一

【前端-React Native】移动端原生开发整合React Native Elements教程-安卓示例

目录一、移动开发和web开发的区别二、什么是ReactNative?三、如何实现安卓和IOS用一套代码开发四、ReactNative开发实战1.安装Androidstudio2.使用Expo创建工程3.启动4.使用UI框架ReactActiveElements5.扩展:使用UI框架antdDesignMobileRN五、项目结构1.小项目2.中型项目3.大型项目六、进阶七、相关资料文章已收录至https://lichong.work,转载请注明原文链接。ps:欢迎关注公众号“Fun肆编程”或添加我的私人微信交流经验🤝一、移动开发和web开发的区别移动前端开发和web开发都属于前端开发的范围。一

vue element-ui 常用事件方法

1.前提已安装elementUI并正确引入2.参数说明参数说明:action是执行上传动作的后台接口,本文置空采用http-request取而代之拦截请求,进行文件上传:multiple="true"设置是否可以同时选中多个文件上传,这个也是的属性:limit="1"上传文件数量,设置最多可以上传的文件数量,超出此数量后选择的文件是不会被上传的。:on-exceed绑定的方法则是处理文件超出限制数量后的动作:file-list="fileList"用于显示已上传文件列表,其中fileList是数组对象,初始为空。参数说明accept="image/jpeg,image/gif,image/pn