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
浏览:164 标签: directives vue 自定义指令
深入理解vue中的slot与slot-scope
深入理解vue中的slot与slot-scope
写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来讲。这个部分也是按照vue说明文档的顺序来写的。进入三部分之前,
浏览:120 标签: slot vue
vue插件开发、文档书写、github发布、npm包发布一波流
vue插件开发、文档书写、github发布、npm包发布一波流
做vue开发,基本的操作会了之后是不是特想撸一撸vue的插件,让自己的代码可复用。别急,今天和你一起手摸手,哦呸,是手把手,一起撸一管,哦再呸,是封装一个基于vue的支付宝密码弹窗插件。然后还会介绍如何书写插件的markdown说明文档、发布到github、在github设置项目的运行地址、发布npm包。简单看下效果图,主要实现密码输入完成自动触发输入完成的回调函数,自定义标
浏览:117 标签: vue
vue中Axios的封装和API接口的管理
vue中Axios的封装和API接口的管理
我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也
浏览:133 标签: 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 覆盖大多数场景,但对于部分定制化程度较高的场景而言,可能还是需要
浏览:185 标签: 高德地图 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、
浏览:1163 标签: nuxt 打包部署 nuxt
利用reduce方法对数组对象去重
利用reduce方法对数组对象去重
dsd https://www.cnblogs.com/le220/p/9130656.html
浏览:306 标签: 数组对象 去重 reduce
nuxt引入jQuery库
nuxt引入jQuery库
方法一:安装 jquery 包安装命令npm install --save jquery配置 nuxt.config.jsconst webpack =require('webpack')module.exports = {    build: {        plugins: [            new webpack.ProvidePlugin({    
浏览:544 标签: jQuery nuxt
Nuxt.js 中 asyncData 使用方法介绍
Nuxt.js 中 asyncData 使用方法介绍
nuxt最重要的就是服务端渲染,首先需要知道什么是服务端渲染,什么是客户端渲染。传统服务端渲染中,是请求页面url,由后端返回html渲染到浏览器中。在spa中所有的渲染都由客户端完成,客户端请求接口,服务端返回的只是数据。这种方式爬虫没有办法抓到页面,也就没有办法处理seo。为什么我在asyncData打印不出任何东西?是nuxt在vue基础上扩展的方法,它可以在服务端
浏览:1355 标签: asyncData Nuxt
nuxtjs asyncData实现多请求
nuxtjs asyncData实现多请求
首先,获取动态路由参数有两种方式:1.上下文对象对象- context,看例子:async asyncData (context) { console.log(context)}打印 context ,其结果是一个包含query对象和params对象的对象。query对象和params对象,就是我们要获取通过不同传参方式的参数。2. 方式二,看例子:async asy
浏览:470 标签: 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-
浏览:554 标签: vue-cli babel-polyfill
vue+elementui+select选择后如果取消弹框后怎样修改为旧值
vue+elementui+select选择后如果取消弹框后怎样修改为旧值
需求表述:elementui select+option中,选择后只能在select标签上添加change事件,option上无法添加事件。但是change事件一旦触发,会弹出一个弹窗,包含【确定】和【取消】的按钮,点击【确定】时候,select值变化,【取消】的时候,值还是旧值。不过实际上,点击selecdt框的时候,其值已经改变。现在,就要实现在select选择后弹框
浏览:827 标签: elementui vue select

邮箱快速注册

忘记密码