![](https://i-blog.csdnimg.cn/direct/d9d5ee5e54014337be471283f31b232c.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 62
Vue
一枚码仔
Talk is cheap. Show me the code.
展开
-
vue-router子路由的实现
在应用界面开发中通常由多层嵌套的组件组合而成。但随着页面的增多,如果把所有的页面都塞到一个 routes 数组里面会显得很乱,你无法确定哪些页面存在关系。借助 vue-router 提供了嵌套路由的功能,让我们能把相关联的页面组织在一起。实验目的在我们的商城项目中,后台管理页 Admin 涉及到很多操作页面,比如:/admin 主页面/admin/create 创建新信息/admin/edit 编辑信息让我们通过嵌套路由的方式将它们组织在一起。创建Admin页面在src/views原创 2021-09-02 09:49:41 · 24001 阅读 · 0 评论 -
关于Vue的URL转跳与参数传递
写业务中,从一个页面跳转到另一个页面,经常需要传值和取值,如何实现?1、通过router-link进行跳转使用query传递参数,路由必须使用path引入<-- 在a页面进行传值 --> <router-link :to="{path: '/home', query: {key: 'hello', value: 'world'}}"> <button>跳转</button></router-link> 跳原创 2021-09-18 10:53:05 · 2115 阅读 · 0 评论 -
基于vue2-verify图形验证码的实现
vue2-verify 是一款基于verifypicture常规验证码,由数字和字母构成,输入不区分大小写,可变形成汉字验证。compute运算验证码,主要通过给出数字的加减乘运算,填写运算结果进行验证。slide滑动验证码,通过简单的滑动即可完成验证,应用与移动端体验很好。puzzle拼图验证码,拼图。pick选字验证码,通过按顺序点选图中的汉字完成验证,ie浏览器要求9或以上。原创 2024-08-03 11:27:16 · 782 阅读 · 0 评论 -
解决 Vue 页面中地址栏参数变更不刷新的问题
在一次Vue项目开发中,遇到了只改变路由中的参数,路由地址不改变页面数据不刷新的问题。造成这个问题的原因,是因为 vue-router 同一个页面地址栏参数改变(比如文章的发布和编辑是同一个页面),不会触发vue的created或者mounted钩子,所以数据不会重新渲染。原创 2024-08-03 11:24:54 · 581 阅读 · 0 评论