• 2024-09-12前端vue2 常用的函数
    1、在el-menu开启路由模式,default-active使用动态值等于当前路由,就需要用:default-active="$route.path" 2、阿里巴巴矢量图icfont的使用 ①将自己需要的图标下载到矢量库对应的项目文件中 ②更新对应的css代码,点击css代码链接,更新到本地去 ③使用<iclass="iconfont
  • 2024-06-22【后台管理系统】Vuex实现简单组件间通信
    Vuex是组件间通信的一种方式,可以实现任意组件间的通信。官方文档:开始|Vuex(vuejs.org)https://vuex.vuejs.org/zh/guide/Vuex应用的核心其实就是一个共享的仓库store,在store.state中储存你需要修改的状态,在mutation中储存修改状态的方法,再使用commit提交修改方法。如果需
  • 2024-02-29找实习学习第三天
    vuex实现组件之间的数据共享过程(需要先把store挂载在main。js,就和router一样)1.store的index.js里声明vuex,创建实例newVuex.Store 里面会有很多模块modules,今天要用的模块就是tab2.tab.js中先声明state,就是要共享的数据,mutation实现具体的功能函数,mutations就是改变collap
  • 2024-02-282024.2.14
    HomeView.vue<template><el-containerstyle="min-height:100vh"><el-asidewidth="sideWidth+'px'"style="background-color:rgb(255,255,255)"><!--width="sideWidth+'px'&
  • 2023-02-28Vue3 状态管理之pinia
    什么是Pinia在vue3之前我们最常用的状态管理就是Vuex,当然在vue3中也有相对应的Vuex的版本。但是还是推荐使用Pinia,原因有以下几点:语法简单,mutations不再存在。无
  • 2023-02-09vue模拟列表数据
    vue模拟列表数据<template><divclass="home"><el-containerstyle="height:100vh;border:1pxsolid#eee"><el-asidewidth="auto"
  • 2023-02-06Vue 父亲组件更新子组件后子组件属性数据不改变
    记录一下。父组件内容:<template><divstyle="height:100%"><el-container><SiteAside:isCollapse="iscollapse":key="timer"></SiteAsid
  • 2023-01-07vue里的一些小标签
     背景颜色background-color="rgb(48,65,86)"文字颜色text-color="rgb(255,255,255)"左边导航栏参差不齐时style="overflow-x:hidden"文字选中变色acti
  • 2022-11-08ElementUI侧边栏展开隐藏折叠功能
    一般后台管理项目中无论是ElementUI或Iview轻量UI框架都有很多组件来实现功能我们需要实现的是这样子的:在源代码里左侧菜单之前添加一个div,类名为“toggle-button”,然