vue插件开发、文档书写、github发布、npm包发布一波流
vue插件开发、文档书写、github发布、npm包发布一波流
做vue开发,基本的操作会了之后是不是特想撸一撸vue的插件,让自己的代码可复用。别急,今天和你一起手摸手,哦呸,是手把手,一起撸一管,哦再呸,是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布到github、在github设置项目的运行地址、发布npm包。简单看下效果图,主要实现密码输入完成自动触发输入完成的回调函数,自定义标
浏览:994 标签: vue
vue中Axios的封装和API接口的管理
vue中Axios的封装和API接口的管理
我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也
浏览:1166 标签: Axios vue
解决AMapUI is not defined问题(vue 中使用高德地图vue-amap)
解决AMapUI is not defined问题(vue 中使用高德地图vue-amap)
业务需求1. 点击地图获取经纬度及地址。2. 输入内容搜索获取经纬度及地址。使用前可以先查阅 vue-amap 文档:https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install其中比较重要的是:vue-amap 能够抛开高德原生 SDK 覆盖大多数场景,但对于部分定制化程度较高的场景而言,可能还是需要
浏览:6371 标签: 高德地图 vue-amap vue
nuxt项目线上部署-nuxt项目打包部署
nuxt项目线上部署-nuxt项目打包部署
1、准备工作安装node:http://menvscode.com/detail/59eedf3610c98d0e654c1b8f安装ngnix:http://menvscode.com/detail/5c3d4ad44ac443095e53a4f5安装PM2:http://menvscode.com/detail/5ce21943e8c50a0870f419832、
浏览:4064 标签: nuxt 打包部署 nuxt
利用reduce和forEach方法对数组对象去重
利用reduce和forEach方法对数组对象去重
方法一:采用对象访问属性的方法,判断属性值是否存在,如果不存在就添加。方法二:采用数组中的reduce方法,遍历数组,也是通过对象访问属性的方法var arr = [{ key:'01', value:'乐乐' }, { key:'02', value:'博博' }, { key:'03',
浏览:903 标签: 数组对象 去重 reduce forEach
nuxt引入jQuery库
nuxt引入jQuery库
方法一:安装 jquery 包安装命令npm install --save jquery配置 nuxt.config.jsconst webpack =require('webpack')module.exports = {    build: {        plugins: [            new webpack.ProvidePlugin({    
浏览:1932 标签: jQuery nuxt
Nuxt.js 中 asyncData 使用方法介绍
Nuxt.js 中 asyncData 使用方法介绍
nuxt最重要的就是服务端渲染,首先需要知道什么是服务端渲染,什么是客户端渲染。传统服务端渲染中,是请求页面url,由后端返回html渲染到浏览器中。在spa中所有的渲染都由客户端完成,客户端请求接口,服务端返回的只是数据。这种方式爬虫没有办法抓到页面,也就没有办法处理seo。为什么我在asyncData打印不出任何东西?是nuxt在vue基础上扩展的方法,它可以在服务端
浏览:4431 标签: asyncData Nuxt
nuxtjs asyncData实现多请求
nuxtjs asyncData实现多请求
首先,获取动态路由参数有两种方式:1.上下文对象对象- context,看例子:async asyncData (context) { console.log(context)}打印 context ,其结果是一个包含query对象和params对象的对象。query对象和params对象,就是我们要获取通过不同传参方式的参数。2. 方式二,看例子:async asy
浏览:1466 标签: asyncData nuxtjs
vue-cli使用 babel-polyfill 解决 vuex requires a Promise polyfill in this browser
vue-cli使用 babel-polyfill 解决 vuex requires a Promise polyfill in this browser
用vue-cli搭建了一套vue的开发框架,完成开发、联调和上线后,问题来了:chrome、火狐浏览器下都能正常显示的页面,在IE浏览器下愣就显示不出来了,而且控制台有一个红色的报错警示:vuex requires a Promise polyfill in this browser。也就是说ie9和一些低版本的高级浏览器对es6新语法并不支持。解决方法,使用 babel-
浏览:1784 标签: vue-cli babel-polyfill
vue+elementui+select选择后如果取消弹框后怎样修改为旧值
vue+elementui+select选择后如果取消弹框后怎样修改为旧值
需求表述:elementui select+option中,选择后只能在select标签上添加change事件,option上无法添加事件。但是change事件一旦触发,会弹出一个弹窗,包含【确定】和【取消】的按钮,点击【确定】时候,select值变化,【取消】的时候,值还是旧值。不过实际上,点击selecdt框的时候,其值已经改变。现在,就要实现在select选择后弹框
浏览:1989 标签: elementui vue select
利用nginx反向代理解决vue-cli项目打包后代理接口报404错误的问题
利用nginx反向代理解决vue-cli项目打包后代理接口报404错误的问题
vue-cli 跨域设置proxyTable: {'/api': {     target:'http://47.96.198.193:8080/bigstudent',     changeOrigin:true,     pathRewrite: {     '^/api':''     }  },}打包好的项目是用nginx来跑的,linux
浏览:4057 标签: nginx 反向代理 vue-cli
用vue/axios/formdata实现文件上传
用vue/axios/formdata实现文件上传
构造formData,使用axios上传文件在项目中使用axios上传文件,记得new一个纯净的axios或者考虑用ajax请求。因为axios在项目估计已经用了全局配置请求头等信息,这里的配置可能被全局请求头拦截,导致请求失败。1、html部分<aclass="fileBox"href="javascript:;">    导入商品<inputid="fileBtn"r
浏览:4916 标签: 文件上传 formdata vue axios

邮箱快速注册

忘记密码