logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue 兄弟组件之间传值之bus

有时候两个组件也需要通信(非父子关系)。当然Vue2.0提供了Vuex,但在简单的场景下,可以使用一个空的Vue实例作为中央事件总线。参考:http://blog.csdn.net/u013034014/article/details/54574989?locationNum=2&fps=1例子:https://segmentfault.com/q/1010000007491994

vue路由跳转时定位到页面顶部的方法汇总

背景:在做vue项目时,发现路由跳转之后,页面默认停留在当前浏览的位置,但是很多时候我们想要的是路由跳转之后,页面重新定位到顶部,下面介绍一下可以实现的方法:方式一:在main.js中添加以下代码即可:router.beforeEach((to, from, next) => {// chromedocument.body.scrollTop = 0...

vue常用组件之loading

有的页面请求数据或者第一次加载的话会需要一定时间,这时候为了避免用户等待枯燥,可以适当加些loading之类的动态效果,下面是vue的一个动态loading组件,效果如下图:代码如下:<!--** loadingGif组件--"数据请求中"** 使用方法:* <loading-gif :show-loading="showLoaddingG

vue常用事件之v-on:click 以及事件对象,事件冒泡,事件默认行为

其实v-on后面跟的不止是click事件也可以是其他的事件,用法均相似。比如:v-on:click/mouseout/mouseover/mousedown.......以下click为例注意:所有的v-on都可以简写为@,比如说v-click可以简写为@click1.监听事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。通常来讲就是监听dom触发一些操

vue常用组件之confirm

一些自带的方法,比如alert,confirm等,往往由于浏览器不同而展现出不同的样式,为了统一,我们可以自己实现简单封装,下面代码是vue的一个组件,它简单实现了confirm功能。代码如下:<!--** 确认对话框** 使用方法:* <dialogConfirm :show-dialog="showDialog" :ok-text="'

Vue之Axios跨域问题解决方案

背景:因为axios中只能使用get和post方法来进行请求数据,没有提供jsonp等方法进行跨域访问数据axios中文网址:https://www.kancloud.cn/yunye/axios/234845// axios 中的GET请求axios.get('/user', {params: {ID: ‘001’}})...

MAC安装多个版本node命令

多版本Node安装和切换

文章图片
#macos#node.js
Vue出现弹出层时,禁止底部页面跟随滑动

背景:最近在写一个vue项目,当出现弹出层时,发现底部页面跟随滚动,但是产品不想要这种效果,于是找各种资料,发现很多说法,但是试了试,发现有的根本就不行,比如说有人提出用vue中提供的@touchmove.prevent方法来解决,但是我试了没起作用,或者@touchmove.prevent.stop也不起作用。下面是几种可以解决问题的方式,仅供参考:1.在有弹出框的页面中,加上以下方法,弹出..

到底了