
Vue
斗弟
这个作者很懒,什么都没留下…
展开
-
百度地图地址换坐标
基于百度地图 API ,通过地址查询经纬度(不带地图)1.先获取百度地图秘钥 ak(不细说)http://lbsyun.baidu.com/apiconsole/key?application=key#/home2.解决跨域问题基于vue开发安装npm install vue-jsonp --savemain.js引入import { VueJsonp } from 'vue-jsonp'Vue.use(VueJsonp)看到很多博文都是这么引入的 import Vue原创 2020-12-03 17:59:20 · 323 阅读 · 0 评论 -
基于element省市区级联组件
基于 element UI 的 3 个 select 选择器级联官网的是的一个select 选择器,一般的 UI 设计都是 3 个 select 选择器,因此使用 element 提供的省份数据结构,粗略的做了一个。效果图:1.下载数据npm install element-china-area-data -S2.引入数据import { regionData } from 'element-china-area-data'3.完整代码<template> <di原创 2020-12-03 14:50:28 · 1104 阅读 · 1 评论 -
终止基于axios正在进行的请求
终止基于axios的未完成的http请求关键词:CancelToken source source.token 参考地址应用场景:tab页频繁切换,页面的切换,用于终止正在挂起的请求项目的如何应用配置参数axios({ method: 'post', url: url, withCredentials: false, params: params, data: data, cancelTo原创 2020-09-11 11:17:13 · 3372 阅读 · 0 评论 -
vue常用指令
Vue常用指令指令的完整格式v-else //什么都没有,无值v-text="val" //有值v-bind:src="val" //有参,有值v-on:click.stop="val" //有值,有参,有修饰符常用指令v-show取值true || false 控制显示或者隐藏,配合点击事件(点击事件控制取值)可实现一个开关的切换,效果就是...原创 2019-09-30 13:56:48 · 328 阅读 · 0 评论 -
自定义指令
自定义指令全局指令全局都可以使用的指令格式:Vue.directive(name,option){}name 指令名字, 使用方式 v-nameoptionObject:放钩子函数(也叫生命周期函数)Function:默认为bind 和 update的钩子函数//全局指令的定义 Vue.directive('lh',{ //v-ih 为指令名字,调...原创 2019-09-30 14:03:19 · 207 阅读 · 0 评论 -
组件
组件通俗的理解就是类似于在底层封装好,制作属于自己的标签,在调用时,和使用原生的标签一样,例<my-com></my-com>,全局组件 Vue.component(name,options)全局都能使用的组件,想要使用都是要先实例化的name 组件名options配置参数template : 模板,只能有一个跟节点(最外层没有兄弟元素)定义全局...原创 2019-09-30 14:11:40 · 179 阅读 · 0 评论