河北建设工程网站,临沂网站制作加速企业发展,网站建设如何开单,网站开发项目报告#x1f4ad;#x1f4ad; ✨#xff1a;【项目】Vue3TS 动态路由 面包屑 查询重置 列表 #x1f49f;#xff1a;东非不开森的主页 #x1f49c;: 热烈的不是青春#xff0c;而是我们#x1f49c;#x1f49c; #x1f338;: 如有错误或不足之处#xff0… ✨【项目】Vue3TS 动态路由 面包屑 查询重置 列表 东非不开森的主页 : 热烈的不是青春而是我们 : 如有错误或不足之处希望可以指正非常感谢 项目一、动态路由二、面包屑三、搭建搜索框四、搭建用户列表一、动态路由
动态获取所有的路由对象放到数组中 路由对象都在独立的文件中 从文件中将所有的路由对象先读取数组中 打印出localRoutes 可以封装一个工具动态的获取所有的路由对象放到数组中路由对象都在独立的文件中那么就从文件中将所有的路由对象先读取数组中 根据菜单去匹配正确的路由 然后在store里面 用户刷新默认加载数据
再定义一个action store中的数据
firstMenu进行记录 记录第一个被匹配的路由
进行判断是否进到main页面中了 通过path匹配menu给route的顶层菜单添加重定向的功能 就是你点击那个页面刷新后还是那个页面 二、面包屑
我们也是需要用动态路由去匹配的 用element-plus中的组件面包屑 通过设置 separator-class 可使用相应的 iconfont 作为分隔符注意这将使 separator 失效。 三、搭建搜索框 需要用到form layout等我们给el-form进行双向绑定这样可以在表单里输入内容 重置按钮 绑定ref进行重置操作给按钮一个点击事件 日期中文化 四、搭建用户列表
发送请求 2. 在store中获取数据 使用数据 基本搭建 我们只需要给table绑定数据 type prop进行绑定名字 就可以正确的渲染数据了 作用域插槽 格式化时间dayjs 这是一个库哦 分页要搞清楚每个变量所代表的含义其实也就很好理解啦 对分页数据进行控制比如10个一条20,30.。。。。 那么这个时候就需要用到网络请求了我们需要控制请求数据的位置 对查询进行处理 可以就要用到传递事件和网络请求结合了 在search里面进行发出事件
传递给父组件user父组件接收事件我们需要给内容绑定ref对其进行网络请求content也需要把发送网络请求的函数暴露出来
