监听 el-menu 组件的 @change 事件,根据所激活的菜单项名称,动态地在主内容区添加TAB 2. 页面刷新后,菜单激活页面的高亮展示问题 el-menu 组件有个router属性,将其设置为 true 后,点击菜单项,vue 路由就会自动变成 el-menu-item 组件中 index 属性指向的内容,并且该菜单项也会高亮显示 如果点击浏览器的刷新按...
ElMessage.error('错误信息'); } }) } }); }; const resetForm = (formEl: FormInstance | undefined) => { if (!formEl) return formEl.resetFields() } if (!formEl) return; formEl.resetFields(); }; Expand Down 18 changes: 9 additions & 9 deletions 18 src/pages/login/index.vue ...
对于主内容区的「一菜单一TAB」模式,需要编写JS代码来完成,一般都是通过el-menu + el-tabs的组合来实现的。监听 el-menu 组件的 @change 事件,根据所激活的菜单项名称,动态地在主内容区添加TAB 2. 页面刷新后,菜单激活页面的高亮展示问题 el-menu 组件有个router属性,将其设置为 true 后,点击菜单项,vue 路...
good表包括:good_id为主键,标识每个商品;good_name存储商品名称;price存储商品价格,这里使用DECIMAL类型以精确表示货币值;image_url存储商品图片的URL;type_id作为外键,关联到good_type表的type_id,以确保数据完整性。同时,通过ON DELETE CASCADE ON UPDATE CASCADE规则,当删除或更新一个分类时,与其关联的商品记录也会...
resolvers: [ // 自动导入 Element Plus 相关函数,如:ElMessage, ElMessageBox... (带样式) ElementPlusResolver(), // 自动导入图标组件 IconsResolver({}), ] vueTemplate: true, // 是否在 vue 模板中自动导入 dts: path.resolve(pathSrc, 'types', 'auto-imports.d.ts') // 自动导入组件类型声明...
// src动态引入本地图片 图片路径处理 export const getAssetURL = (image: string) => { 8 changes: 2 additions & 6 deletions 8 src/views/home/index.vue Original file line numberDiff line numberDiff line change @@ -1,6 +1,6 @@ <template> {{ userStore.userName }} </template>...
// src/views/system/user/index.vue <el-button v-hasPerm="['sys:user:add']">新增</el-button> <el-button v-hasPerm="['sys:user:delete']">删除</el-button>国际化国际化分为两个部分,Element Plus 框架国际化(官方提供了国际化方式)和自定义国际化(通过 vue-i18n 国际化插件)...
中提供的图标进行全局注册，这样可以很方便的延续 Element UI 的风格 —— 通过 el-icon-xxx 的方式...
在Vite 中,我们可以使用这两个方法来动态导入文件: import.meta.glob 该方法匹配到的文件默认是懒加载,通过动态导入实现,构建时会分离独立的 chunk,是异步导入,返回的是 Promise,需要做异步操作,使用方式如下: const Components = import.meta.glob('../components/**/*.vue'); // 转译后: const Components ...
其实配置reids很简单,只要你电脑上已经成功安装并启动redis,一切都保持默认即可。由于我的电脑本地redis没有设置密码,所以不用配置reids即可,当然如果你设置了redis访问密码,记得去下图所示的地方将修改密码。如果和石头哥一样没有设置reids密码,password后面空着即可。