草庐IT

custom-element

全部标签

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

Element Tiptap Editor - 免费开源的 Vue 富文本编辑器,专门为搭配 Element UI 使用优化,使用很简单

一款很容易上手配置的富文本编辑器,和Elementplus一起使用效果非常好,还能自定义功能。关于ElementTiptapEditorElementTiptapEditor是一个在web开发领域“所见即所得”的富文本编辑器,基于 tiptap 编辑器和 element-ui 开发,相比很多富文本编辑器,ElementTiptapEditor使用易上手,对开发者友好,而且可扩展性强,设计简洁。ElementTiptapEditor的技术特性操作按钮等组件使用 element-ui 组件,整体样式协调美观有许多开箱即用的 extension(编辑器扩展)完美支持markdown语法支持TypeS