2 xyr0709

尚未进行身份认证

暂无相关描述

等级
TA的排名 31w+

Vue全局使用axios的方法

axios是一个基于promise的HTTP库,axios并没有install方法,所以是不能使用vue.use()方法的。1.结合vue-axios使用看了[vue-axios](https://www.npmjs.com/package/vue-axios)的源码说明,它是按照vue插件的方式去写的。那么结合vue-axios,就可以去使用vue.use()方法了。安装:n...

2019-08-18 19:46:32

vue-router的参数传递

vue-router传递参数分为两大类编程式的导航router.push声明式的导航<router-link>-声明式的导航<router-link>一、用name传递参数1.在路由文件src/router/index.js里配置name属性routes:[{path:'/',name:'Hello',...

2019-08-16 12:32:13

vue使用 v-for循环回来的数据动态绑定id值

<el-main> <el-row:gutter="30"style='height:262px;margin:0px;margin-top:15px'v-for='(item,index)ininfoArr':key='index'> <el-col:span="5"class='w100Ph100Pt-a_cflex'styl...

2019-08-02 17:53:38

vue绑定class和style

<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>class和style属性</title> <scriptsrc="js/vue.js"></script> <script> windo...

2019-08-02 17:25:14

Vue中监听键盘事件及自定义键盘事件

背景:在一些搜索框中,我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。在原生js或者jQuery中,我们需要判断e.keyCode的值来获取用户所按的键。这样就存在一个问题:我们必须知道某个按键的keyCode值才能完成匹配,使用起来十分不便。方案:在Vue中,已经为常用的按键设置了别名,这样我们就无需再去匹配keyCode,直接使用别名就能监听...

2019-08-02 16:32:44

jQuery-为动态添加的元素绑定事件即事件委托

在使用jquery的方式为元素绑定事件时,我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件。像需要用ajax的方式请求远程数据来动态添加页面元素时,显然以上几种绑定事件的方式是无效的,具体写法如下图。 //1、 $(selector).bind(event,data,function) //2、 $(selector).click(function) $(...

2019-08-02 16:06:27

Babel转码器

<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>Babel转码器</title> <scriptsrc="lib/01.js"></script></head><body> ...

2019-08-02 16:01:55

js的call和apply

<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>call和apply</title> <script> //定义一个对象,包含属性和方法 varstu={ name:'tom', age:21,...

2019-08-02 15:56:55

js的事件冒泡和事件捕获

<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>事件冒泡和事件捕获</title> <script> /** *事件流:当一个HTML元素产生事件时,该事件会在当前元素与根元素之间按特定的顺序传播,所有经过...

2019-08-02 15:54:32

Rem自适应js之精简版flexible.js

转载:http://caibaojian.com/simple-flexible.html之前发了一篇文章:移动端自适应:flexible.js可伸缩布局使用,里面用到了阿里的一个库:lib-flexible.js,里面有一些东西方法和自定义我这里制作的时候是不需要用到的,所以做了一个精简版的,另外还修复了UC浏览器竖屏与横屏转换的BUG。bug的重现,大家可以扫原来的DEMO(不要用微信,...

2019-07-31 13:04:34

在vue中使用sass

安装sass的依赖包cnpminstallnode-sass--save-dev//安装node-sasscnpminstallsass-loader--save-dev//安装sass-loadercnpminstallstyle-loader--save-dev//安装style-loader有些人安装的是vue-style-loader其实是一样...

2019-07-26 17:05:47

在vue项目中快速使用element UI

ElementUI是饿了么团队提供的一套基于Vue2.0的组件库,可以快速的搭建网站,提高开发的效率ElementUIPC端MintUI移动端一、全部引入安装element-uicnpminstallelement-ui-S在main.js中引入并使用组件importElementUIfrom'element-ui'import'ele...

2019-07-26 16:45:50

vue中使用less

a.安装相关模块:less、less-loadercnpminstalllessless-loader--save-devb.在webpack.config.js中添加loader{test:/\.less$/,//加载lessloader:'less-loader'}c.编写less,必须要指定lang="...

2019-07-26 16:07:31

vue.js的 mode:'history' 对IE9的兼容

Vue兼容ie9的全面解决方案1、因为vue-router对于ie9默认是退回到hash模式的,所以在newrouter的时候,需要设置fallback:false(默认值为true)首先mode:'history'在IE9下是不能使用的,如果是IE9,会变成hash的模式(在2项满足fallback:true条件后)如果使用fallback(跟mode同一级别的属性,该属...

2019-07-25 17:22:49

解决vue路由History mode打包代码后,上线服务器后白屏问题及关于每次点击链接都要刷新页面的问题

vue项目打包上线以后出现白屏的情况第一种情况:由于把路由模式mode设置成history了,默认是hash。在项目开始的时候就设置了这个,然后一直没找到问题所在,后面百度了好久才发现是这个问题解决方法:路由里边router/index.js路由配置里边默认模式是hash,如果你改成了history模式的话,打开也会是一片空白。所以改为hash或者直接把模式配置删除,让它默认的就行。如...

2019-07-25 17:11:44

vue.js打包部署上线

我们使用cnpmrundev运行项目,只是在本地开发环境中进行测试,一旦将项目部署到服务器上就会出现各种问题,如axios请求跨域、css样式失效、图片失效、地址跳转404等一系列问题。。。这里主要简单介绍一下解决方案需求:将项目成功打包部署到linux下,能成功访问到页面。步骤一:把绝对路径改为相对路径,打开config/index.js会看到一个build属性,这里就我们打包的...

2019-07-25 16:37:27

微信小程序canvas层级过高,遮住弹窗解决方法

页面canvas图层遮住弹出框,导致弹出框无法点击且样式存在问题因为canvas组件是由客户端创建的原生组件,原生组件层级是最高的,所以页面中的其他组件无论设置z-index为多少都无法盖在原生组件上。想试着用cover-view组件,能覆盖canvas,map,video,camera等原生组件。但是也有一定的限制。比如:cover-view中只支持嵌套cover-view、cove...

2019-07-24 16:16:42

Axiso解决跨域访问及webpack之proxyTable设置跨域

源码地址:https://github.com/jitwxs/blog_sample这里以访问豆瓣Top250为例,直接访问如下:this.$axios.get("http://api.douban.com/v2/movie/top250").then(res=>{ console.log(res)}).catch(err=>{ console.log(err)})...

2019-07-12 13:23:12

vue中axios的封装

第一步还是先下载axioscnpminstallaxios-S第二步建立一个htttp.jsimportaxiosfrom'axios';import{Message}from'element-ui';axios.defaults.timeout=5000;axios.defaults.baseURL='';//httprequest拦...

2019-07-12 13:02:04

vscode如何用浏览器预览运行html文件及修改默认浏览器

1,打开vscode编辑器,点击编辑器主界面左上侧第五个小图标——‘扩展’按钮;2,进入扩展搜索右拉框,在应用商店搜索框中输入“viewinbrowser”会自动进行搜索3,等待几秒钟时间,扩展就会陆续出现,在viewinbrowser选项右下角会出现“安装”小按钮;点击安装即可。安装完后会提示重新加载,点击重新加载即可4,点击左侧第一个图标按钮,回到资源管理...

2019-07-11 17:56:01

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。