×

elementui

Vue 动态菜单+动态路由（基于Element UI）（vue动态添加路由菜单）

DanielH郡王 DanielH郡王 发表于2024-05-13 浏览7143 评论0
文章目录 使用场景 一、动态菜单 1.创建菜单组件 二、动态面包屑 1.创建面包屑组件 三、动态标签页 1.创建标签页组件 四、动态路由 1.router代码 2.store代码 总结 使用场景 主要使用Vue3与Element UI，在项目开发中可能会遇到从后端取得数据，到前端去渲染菜单，从而实现动态路由与动态菜单。 一、动态菜单 1.创建动态菜单组件  代码如下： <template

elementui

Vue项目二 登录注册功能的实现（vue实现注册与登录功能）

夜 夜 发表于2024-05-13 浏览8606 评论0
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言 环境搭建完，根据管理系统用户需要注册，实现登录然后将用户信息保存在本地中的需求，本章主要实现系统登录注册功能。 一、系统注册功能的实现 首先分析注册页面所要实现的功能，其功能包括账号、昵称、密码和二次确认密码。其中账号和昵称不能为空，密码和确认密码要一致。 在整个register页面的搭建过程中，我们需要使用ELementUI组件库。在编写注册页面前我们需要删除掉views下的home.v

elementui

el-table 横向滚动条固定在可视窗口底部

真 真 发表于2024-05-13 浏览12697 评论0
    有一个需求,当el-table的宽度超出浏览器宽度时，虽然el_table底部会出现滚动条，但是每次需要先滚动到底部，才能使用el-table的滚动体，很是麻烦。因此当el_table的宽度超出屏幕宽度时，要在可视范围底部添加一个横向的滚动条，在网上找了四篇不同方法，全都试了一遍，四个方法的原文地址以及效果图我都贴出来了，看个人选择了，我自己用的第二个，一个大佬写的。 方法1、在el-table上手动添加滚动条 参考原文链接el-table增加顶部滚动条，表格实现上下双滚动条

elementui

vue前端element-ui详细说明国际化使用(请放心食用)

任廷华 任廷华 发表于2024-05-13 浏览8364 评论0
一、前篇 在项目中需要使用中英文多语言切换，也就是我们所说的国际化，在vue中所匹配的国际化插件工具就是vue-i18n。 本文以element-ui国际化兼容vue-il8@6.x为模板。   二、安装 首先我们在项目中安装vue-i18n依赖包 使用npm   npm i vue-i18n -S 或者npm install vue-i18n --S 使用yarn   yarn add vue-i18n 三、实现 1.添加语言包文件 2.i18n/index.js

elementui

UI库-elementPlus的虚拟树TreeV2使用技巧和避坑

财神 财神 发表于2024-05-13 浏览9381 评论0
一 分析 vue2时期PC端的UI库封神之作elementUI随着vue3的到来,发布了其续作elementPlus,并在2022年发布正式版本(根据更新日志的信息,全新的稳定版2.0.0于2022-02-07发布).点这里一键跳转至官方网站. 在elementPlus中,为了解决普通树形组件无法容纳大量数据的情况,提供了一款新的组件,来解决大量数据用树形组件展示问题,该组件便是我们今天要介绍的主角,Tree V2 虚拟化树形控件. 一般来说,在处理大量数据的渲染问题,我们一般采用两种方

elementui

el-date-picker默认日期设置（选择器框中不默认显示数据解决经验）

guyuewuren guyuewuren 发表于2024-05-13 浏览7649 评论0
！！网上能搜到许多关于如何设置日期的数据、功能方法，在此我们不多赘述，默认v-model绑定的数据没有问题。！！ 在前端的开发中，我们有时会需要为日期选择器设置一个默认的日期，例如：7天/1周 通常来说，当我们在mounted中为v-model绑定的值赋值之后，若格式没有问题，那么日期选择器内的显示数据也会跟着改变。 但是我在开发中遇到了v-model的值正确设置，选择器点开能看到已经选择的范围，并且能正常的向服务器查询该时间段内的相应数据，可试了许多方法都无法使我在进入页面的时候就在日期

elementui

JSON parse error: Cannot deserialize value of type `java.util.Date` from String

时间差O 时间差O 发表于2024-05-12 浏览13180 评论0
DateTimePicker + @DateTimeFormat("yyyy-MM-dd HH:mm:ss")日期格式转换异常 最近在学习,练习一个项目使用的日期格式是yyyy-MM-dd HH:mm:ss格式的,在后端Java与MySQL这边的转换中一开始格式没有统一间歇性的就会报异常,后面采用了一个@DateTimeFormat("yyyy-MM-dd HH:mm:ss")注解标注在属性上规范了 Date 类型属性的格式(埋坑~) // 开始时间 @JsonFormat(

elementui

vue+element-ui实现主题切换

时间差O 时间差O 发表于2024-05-12 浏览6863 评论0
element-ui提供了自定义主题 自定义主题 一、安装 npm i element-theme -g npm i element-theme-chalk -D npm i https://github.com/ElementUI/theme-chalk -D 官网说明安装完成后需要et -i并会有element-variables.scss文件,但是我文件中并未找到 node_modules/.bin/et,所以手动生成了 下图element-variables.sc