vue自定义指令directives

vue自定义指令directives

1 指令名称注意点说明VUE给我们提供了很多的系统指令,比如"v-text"、“v-bind”、"v-on"等等,本文我们来介绍下自定义指令的实现。案例代码<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, init
浏览:181 分类:Vuejs 标签: directives vue 自定义指令
深入理解vue中的slot与slot-scope

深入理解vue中的slot与slot-scope

写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。进入三部分之前,
浏览:134 分类:Vuejs 标签: slot vue
vue插件开发、文档书写、github发布、npm包发布一波流

vue插件开发、文档书写、github发布、npm包发布一波流

做vue开发,基本的操作会了之后是不是特想撸一撸vue的插件,让自己的代码可复用。别急,今天和你一起手摸手,哦呸,是手把手,一起撸一管,哦再呸,是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布到github、在github设置项目的运行地址、发布npm包。简单看下效果图,主要实现密码输入完成自动触发输入完成的回调函数,自定义标
浏览:132 分类:Vuejs 标签: vue
vue中Axios的封装和API接口的管理

vue中Axios的封装和API接口的管理

我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也
浏览:147 分类:Vuejs 标签: 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 覆盖大多数场景,但对于部分定制化程度较高的场景而言,可能还是需要
浏览:235 分类:Vuejs 标签: 高德地图 vue-amap vue
vue实现跑马灯效果案例

vue实现跑马灯效果案例

本文我们利用 v-on 来实现一个简单的跑马灯效果,就是如下这种效果:Vue跑马灯效果1 分析点击"加油"按钮绑定一个点击事件,使用v-on或者缩写:"@"在按钮的事件处理函数中,写相关的业务逻辑代码:拿到 msg 字符串,然后 调用 字符串的 substring 来进行字符串的截取操作,把 第一个字符截取出来,放到最后一个位置即可;为了实现点击下按钮,自动截取的
浏览:156 分类:插件/功能 标签: vue 跑马灯
vue封装Swiper实现图片轮播

vue封装Swiper实现图片轮播

一、Swiper在实现封装之前,先介绍一下Swiper。(1) Swiper是纯Javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。(2) Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。(3) Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择。(4) Swiper的应用场景广泛,实现效果很好,下面
浏览:140 分类:插件/功能 标签: vue swiper 轮播
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-
浏览:563 分类:Vuejs 标签: vue-cli babel-polyfill
vue+elementui+select选择后如果取消弹框后怎样修改为旧值

vue+elementui+select选择后如果取消弹框后怎样修改为旧值

需求表述:elementui select+option中,选择后只能在select标签上添加change事件,option上无法添加事件。但是change事件一旦触发,会弹出一个弹窗,包含【确定】和【取消】的按钮,点击【确定】时候,select值变化,【取消】的时候,值还是旧值。不过实际上,点击selecdt框的时候,其值已经改变。现在,就要实现在select选择后弹框
浏览:852 分类:Vuejs 标签: 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
浏览:1665 分类:Vuejs 标签: nginx 反向代理 vue-cli
vue实现红包雨效果,复制代码就能用

vue实现红包雨效果,复制代码就能用

代码部分<template><divclass="rainBox"><divclass="countDown"v-if="secondMask"><imgclass="second":src="'https://img.51fanbei.com/h5/app/activity/redRain_0'+second+'.png'" ></div><divv-if="!seco
浏览:1122 分类:插件/功能 标签: vue 红包雨
用vue/axios/formdata实现文件上传

用vue/axios/formdata实现文件上传

构造formData,使用axios上传文件在项目中使用axios上传文件,记得new一个纯净的axios或者考虑用ajax请求。因为axios在项目估计已经用了全局配置请求头等信息,这里的配置可能被全局请求头拦截,导致请求失败。1、html部分<aclass="fileBox"href="javascript:;">    导入商品<inputid="fileBtn"r
浏览:2820 分类:Vuejs 标签: 文件上传 formdata vue axios

邮箱快速注册

忘记密码