首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    webpack+vue项目实战(五,监听路由,实现同个页面不同状态的切换)

    今天发完这一篇,就要这个系列告一段落了!以后如果有什么要补充的会继续补充!因为在后台管理项目上,搭建的话,主要就是这样了!还有的一些是具体到交互的处理,那个是要根据后端的需求,来进来比较细化的工作,我在这里就不说了!说了意义也不大,大家的项目的项目不一样的,细化的工作肯定是不一样的,然后开发的人不一样,对接的工作肯定也是不一样的!所以这个得靠小伙伴自己来处理和学习了!我写这文章的目的,希望起到的作用是授人以渔,而不是授人以鱼。 好了,闲话不多说!今天要说的时利用监听路由的方式,实现同个页面不同状态的切换。具体怎样呢,看下面。

    03

    el-table分页数据+回显+勾选状态+记录数据(map实战)

    原以为js中即便是学到了map可实际上也不会用到map,可我今天就遇到一个el-table分页查询,然后需要勾选表格内容,切换页码后回显勾选项的需求。 一开始想的是,把所有已勾选的数据用list来维护,可稍微一思索就发现这样实际执行起来还是有缺陷的,比如用于来回切换页码等场景稍微一复杂就容易乱套。还是应该记录每一条数据的信息,用户点击勾选的时候,用当前的勾选情况去跟已勾选的数据做一个比对。如果已记录的数据里存在当前列表中的勾选项,同时本次属于勾选状态,则不做处理。如果处于未勾选状态,则从用于记录的总数据中删除该选项。如果总得记录结果没有改数据,同时该数据本次是勾选状态,则把新数据添加进去。 用map是最好的了,于是就实战一下,试试手~

    00
    领券