当前位置: 首页 > news >正文

部门网站建设管理报告百度服务中心电话

部门网站建设管理报告,百度服务中心电话,做网站去哪个公司好,电商代运营公司怎么样💭💭 ✨:【项目】Vue3TS 动态路由 面包屑 查询重置 列表   💟:东非不开森的主页   💜: 热烈的不是青春,而是我们💜💜   🌸: 如有错误或不足之处&#xff0…

💭💭

✨:【项目】Vue3+TS 动态路由 面包屑 查询重置 列表

💟:东非不开森的主页

💜: 热烈的不是青春,而是我们💜💜

🌸: 如有错误或不足之处,希望可以指正,非常感谢😉

项目

  • 一、动态路由
  • 二、面包屑
  • 三、搭建搜索框
  • 四、搭建用户列表

一、动态路由

  1. 动态获取所有的路由对象,放到数组中
    路由对象都在独立的文件中
    从文件中将所有的路由对象先读取数组中

在这里插入图片描述
打印出localRoutes
在这里插入图片描述

在这里插入图片描述

  • 可以封装一个工具
  • 动态的获取所有的路由对象,放到数组中
  • 路由对象都在独立的文件中,那么就从文件中将所有的路由对象先读取数组中

在这里插入图片描述

  • 根据菜单去匹配正确的路由

在这里插入图片描述

然后在store里面

在这里插入图片描述

用户刷新默认加载数据

再定义一个action

在这里插入图片描述

store中的数据
在这里插入图片描述

firstMenu进行记录
记录第一个被匹配的路由
在这里插入图片描述

  • 进行判断,是否进到main页面中了

在这里插入图片描述

  • 通过path匹配menu
  • 给route的顶层菜单添加重定向的功能

在这里插入图片描述

  • 就是你点击那个页面,刷新后还是那个页面

在这里插入图片描述

在这里插入图片描述

二、面包屑

  • 我们也是需要用动态路由去匹配的

在这里插入图片描述

  • 用element-plus中的组件,面包屑
    通过设置 separator-class 可使用相应的 iconfont 作为分隔符,注意这将使 separator 失效。

在这里插入图片描述

在这里插入图片描述

三、搭建搜索框

在这里插入图片描述

  • 需要用到form layout等
  • 我们给el-form进行双向绑定,这样可以在表单里输入内容

在这里插入图片描述

  • 重置按钮

在这里插入图片描述

  • 绑定ref进行重置操作
  • 给按钮一个点击事件

在这里插入图片描述

  • 日期中文化

在这里插入图片描述

在这里插入图片描述

四、搭建用户列表

  1. 发送请求

在这里插入图片描述
2. 在store中获取数据

在这里插入图片描述

  • 使用数据

在这里插入图片描述

  • 基本搭建
    我们只需要给table绑定数据
    type prop进行绑定名字
    就可以正确的渲染数据了

在这里插入图片描述
在这里插入图片描述

  • 作用域插槽
    格式化时间dayjs
    这是一个库哦
    在这里插入图片描述
    在这里插入图片描述

  • 分页要搞清楚每个变量所代表的含义,其实也就很好理解啦

在这里插入图片描述

  • 对分页数据进行控制,比如10个一条,20,30.。。。。
    那么这个时候就需要用到网络请求了,我们需要控制请求数据的位置

在这里插入图片描述

在这里插入图片描述

对查询进行处理
可以就要用到传递事件和网络请求结合了
在search里面进行发出事件
在这里插入图片描述

  • 传递给父组件user
  • 父组件接收事件
  • 我们需要给内容绑定ref
  • 对其进行网络请求
  • content也需要把发送网络请求的函数暴露出来

在这里插入图片描述

在这里插入图片描述

http://www.hengruixuexiao.com/news/23907.html

相关文章:

  • 怎么登陆公司网站的后台推广什么软件可以长期赚钱
  • 口碑营销的概念是什么培训优化
  • 网站只做内容 不做外链在线seo短视频
  • 做网站一定要有公司吗四川seo整站优化
  • 印度电商平台网站建设策划百度推广电话销售话术
  • 南宁 做网站市场调研分析报告范文
  • 网站开发项目详细计划书网络营销推广平台有哪些
  • 厦门网站优化公司谷歌建站
  • seo技术教学视频厦门seo排名优化
  • 网站开发论文中期检查表企业查询官网入口
  • 网站后台功能开发免费的个人网站怎么做
  • 一级a做爰片免费网站视频seo优化软件
  • 网站建设费预付定金什么科目脚本外链生成工具
  • 外国语学校网站建设方案软件发布网
  • 如何做自己的网站软件培训机构有哪些?哪个比较好
  • 小程序商城哪家好些宁波seo网络推广外包报价
  • 改行做网站2022黄页全国各行业
  • 网站怎么做关键词优化成都高端网站建设哪家好
  • 国外公司网站设计广西壮族自治区
  • .net 做网站百度搜索优化怎么做
  • 建设企业网站所遵循的一般原则网络推广优化工具
  • rar在线解压缩网站厦门人才网个人会员
  • 网站设计项目明细淮南网站seo
  • 品牌网络营销策划青岛百度推广优化
  • 广东专业网站客服软件定制西安网站建设排名
  • 如何法院网站建设商品促销活动策划方案
  • 爱藏网一家专业做收藏品的网站免费发布广告信息平台
  • 网站建设销售怎么样优化排名seo
  • wordpress主题图片百度推广关键词怎么优化
  • 绍兴网站建设郑州网站seo优化