#vue路由传参

vue中的锚链接跳转问题

一、在vue中的锚链接和普通的html不同关于vue中的锚链接可以参考vue中的  scrollBehavior 滚动行为。在router.js中 constrouter=newVueRouter({   routes,      mode:'history',      scr...

vue中怎样实现 路由拦截器

在我们需要实现这样一个功能,登录拦截其实就是路由拦截,首先在定义路由的时候就需要多添加一个自定义字段requireAuth,用于判断该路由的访问是否需要登录。如果用户已经登录,则顺利进入路由,否则就进入登录页面。在路由管理页面添加meta字段router/index.js文件,例如,在用户直接跳转/manage路径下的...

Vue生命周期和考点

生命周期的三个阶段:挂载阶段(1~4)、更新阶段(5~6)、销毁阶段(7~8);beforeCreatecreatebeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed考点:1、create和mounted区别beforecreated:el和data并...
代码星球 ·2020-04-02

Vue如何使用vue-area-linkage实现地址三级联动效果

很多时候我们需要使用地址三级联动,即省市区三级联动。网上有很多插件,在此介绍Vue的一款地区联动插件:vue-area-linkage,下面介绍如何使用这个插件实现地址联动效果:一、安装//v5之前的版本npmi--savevue-area-linkage//v5及之后的版本npmi--savevue-area-lin...

Vue 爬坑之路—— 使用 Vuex + axios 发送请求

Vue原本有一个官方推荐的ajax插件 vue-resource,但是自从Vue更新到2.0之后,官方就不再更新vue-resource目前主流的Vue项目,都选择 axios 来完成ajax请求,而大型项目都会使用Vuex来管理数据,所以这篇博客将结合两者来发送请求 前言:&n...

vue-awesome-swiper组件的使用

一、轮播图组件是这样安装的npmi--save-devvue-awesome-swipermain.js里面import'swiper/dist/css/swiper.css'importVueAwesomeSwiperfrom'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)b...
代码星球 ·2020-04-02

vue-router在同一个路由下切换,取不到变化的路由参数

最近用vue写项目的时候碰到一个问题,在同一个页面下跳转,路由地址不变,路由参数有变化,一开始只是在data里取路由的参数,发现根本取不到变化的路由参数。例如:订单列表也跳转详情页,跳转方法如下<router-link:to="{path:'/orderDetail',query:{orderId:scope.r...

Vue系列——在vue项目中使用echarts

npminstallecharts-Smain.js//引入echartsimportechartsfrom'echarts'Vue.prototype.$echarts=echartsHello.vue<divid="myChart":color:#800000;">"{width:'300px',height...

Vue2 封装的 Quill 富文本编辑器组件 Vue-Quill-Editor

1、安装  npminstallvue-quill-editor--save2、使用import{quillEditor}from'vue-quill-editor'  3、组件中<quill-editorv-model="content"ref="myQuillEditor"class="e...

Vuex简单实例以及安装遇到的坑

vuex是一个专门为vue.js设计的集中式状态管理架构。状态?我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。简单的说就是data中需要共用的属性。vuex面试考点两张图一句话一句话:vuex中的异步操作只能在actions中,也就是ajax交互请求数据 引入Vuex(前提是已...

Laravel教程 二:路由,视图,控制器工作流程

此文章为原创文章,未经同意,禁止转载。ViewController上一篇教程我们走了那么长的路,终于把Laravel安装好了,这一篇教程我们就要进入Laravel的神奇世界了,主要是讲解Laravel的Router,Views,Controllers的工作流程,目的也就是让大家明白Laravel在处理一个get请求的时...

初学Vue之数量加减

效果图:HTML:<divclass="count3"><ul><liv-for="(key,idx)inliList":key="key.id">{{key.id}},{{idx}}<template><buttonclass="cut"@click="cuts(...
代码星球 ·2020-04-02

AngularJs多重视图和路由的使用

使用AngularJs来做多重视图和路由是在方便不过了,在开发过程中,都有许多的页面,而这些页面都有相同的部分,比如页面的头部和尾部通常都是一样的,变化的都是主体部分,还有就是一些后端管理的一些项目,通常不变的都是头部,尾部和菜单部分,变化的都是右边的内容部分,使用AngularJs的多重视图和路由就可以很方便的实现这...

postman之post请求传参

1.Map类型或实体类类型传值,即json格式传值  2.参数形式传值  3.list值传参 ...
代码星球 ·2020-04-01

vue-3.2-组件的三种定义方式

1.什么是组件:组件的出现,就是为了拆分Vue实例的代码量,能够让我们以不同的组件,来划分不同的功能模块,将来需要什么样的功能,就去调用对应的组件即可;2.模块化:是从代码的角度进行划分的;方便代码分层开发,保证每个模块的职能单一;3.组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用!定义组件的三...
首页上一页...150151152153154...下一页尾页