VUE3+element plus实战
尘烟生活家
专注IT技术十五年,大厂经验不多不少,刚刚够用而已。
不断学习,不断进步,延迟退休的大环境下,不断充实自己。
展开
-
VUE3从i18n国际化组件动态获取字符串
在js文件中通过computed方式获取(直接使用$t('button.query')方式是无法获取的)在vue文件的标签中通过以下方式直接获取。VUE3的字符串国际化可以通过以下方式实现。原创 2024-03-27 10:14:24 · 248 阅读 · 0 评论 -
使用pinia定义store的state属性和actions方法重名导致调用时出现is not a function异常
直接跳转到这个页面时会提示下面的错误,但是按F5刷新页面,又可以调用actions中的方法获取到服务端的数据。store的定义如下。state的属性和actions的方法都是permissions。把actions中的方法改个名称即可,例如getPermissions。原创 2023-12-04 15:45:18 · 903 阅读 · 0 评论 -
VUE3+Element plus实现django的管理后台的用户组管理
权限来自于django.contrib.auth.models的Permission模型,但是直接查询该模型时只能获取到如下结果。只有四个字段,id,name,codename,content_type,和后台界面显示的不完全相同。检查ContentType的模型定义,发现有个app_labeled_name的属性,打印出来可以看到正是后台页面的每个记录的前半部分。查看Permission的模型定义,的确只有这4个字段,但是content_type 这个字段来自于ContentType模型。原创 2023-12-04 14:56:20 · 494 阅读 · 0 评论 -
VUE3+element plus在el-tab-pane中增加自定义图标
element plus在el-tab-pane中增加自定义图标原创 2023-11-25 15:31:24 · 1977 阅读 · 0 评论 -
elementplus修改的酷炫登录页面
基于VUE3+element plus修改的酷炫简洁登录页面。原创 2023-11-25 10:56:27 · 501 阅读 · 0 评论 -
VUE3+element plus在el-tabs内部有多个el-dialog时,遮罩会叠加
有问题的效果,遮罩层是黑色的,需要多次点击才能关闭dialog。原创 2023-11-25 09:59:42 · 857 阅读 · 1 评论 -
VUE3+Element-plus中el-form的使用
Element-plus使用el-form必须配置ref和model属性,二者的值不能相同(在ElementUI中是可以相同的)。ref的值在声明的时候要引入FormInstance,这个又必须在script中声明lang为ts,不能使用js。2.每个el-form-item必须设置prop属性,否则重置方法resetFields不生效。4.要控制表单项的布局,使用el-row和el-col是不错的方法,易于控制。1.el-form的ref和model属性的参数值必须不一样,否则会冲突。原创 2023-11-25 09:51:30 · 1483 阅读 · 0 评论 -
VUE3+element plus在按钮上增加图标
和VUE2+elementUI有差异。在elementUI直接设置icon。在VUE3+element plus中要引入icon图标变量。原创 2023-11-25 09:41:13 · 918 阅读 · 0 评论 -
VUE3+element plus使用el-dropdown控件有黑色的边框
在el-dropdown增加class名称,设置outline: unset样式即可。原创 2023-11-25 09:22:32 · 912 阅读 · 0 评论 -
VUE3+element plus实现的动态登录注册切换页面
通过动态增加和移除class实现css样式的变化。在VUE3里面,不能像原生js那样使用获取元素对象来动态增加和删除class,需要在节点上增加ref属性,通过ref来实现。原创 2023-11-25 09:10:55 · 1642 阅读 · 0 评论