vue 使用高德地图点击标记点以及经纬度转地理位置

1、在index.html这种引入高德地图 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.13&key=your key"&...

2019-03-29 09:34:45

阅读数 315

评论数 0

vue 使用element 对话框显示地图插件 首次加载不显示 解决方案

在element对话框中使用地图插件时,会出现首次不会加载成功,这时使用$nextTick初始化地图插件即可 代码如下 <template> <div class="app-container"> ...

2019-03-27 15:56:19

阅读数 203

评论数 0

关于H5的一些杂项记录

一、div内显示一行,超出部分用省略号显示 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 二、div内显示两行或三行,超出部分用省略号显示 overflow: hidden; text-overflow: elli...

2019-02-25 10:46:05

阅读数 55

评论数 0

vue 使用tinymce富文本编辑器,以及前后端富文本内容存储&展示处理方法推荐

1、安装相关插件 npm install tinymce 1、为什么安装这个?因为@tinymce/tinymce-vue是收费版本,需要key才能使用,所以我们需要使用 tinymce 封装一个来自己使用。 2、安装之后,在 node_modules 中找到 tinymce/skins 目录,...

2019-01-11 10:34:25

阅读数 1089

评论数 1

vue 使用swiper轮播图,自动轮播时鼠标移入暂停,鼠标移出再次播放,并给出多个轮播的处理方法以及后台获取数据时无法循环轮播解决方案

1、安装 vue-awesome-swiper 使用vue开发界面时,很多时候需要用到轮播图,有的时候需要在一个页面中使用多个轮播图,这个时候就需要用到单独的,鼠标移入暂停自动轮播,鼠标移出再次自动轮播。 npm install vue-awesome-swiper 2、代码部分 &am...

2019-01-11 10:04:34

阅读数 1363

评论数 0

vue兼容IE 360

vue2.x 兼容IE 360 1. 解决不显示内容 在 index.html 添加下面内容 <meta http-equiv="X-UA-Compatible" content="IE=edge"&am...

2019-01-09 14:14:21

阅读数 381

评论数 1

vue jq实现鼠标拖动

<template> <div class="icontent"> <div class="my-gaofen...

2018-12-18 14:58:30

阅读数 372

评论数 0

vue 中定时器的使用全解

1、vue使用定时器 在vue中使用定时器,很多情况下,进入和退出vue界面,都没有清除定时器,从而导致有很多定时器一起工作,这样肯定是不行的,接下来就使用当用户进入界面时启用定时器,当用户离开当前界面时就清除定时器。 2、代码实现 <template>...

2018-12-13 09:15:22

阅读数 4128

评论数 0

vue 验证码界面 点击后标灰并设置div按钮不可点击状态

1、先看看效果图 未点击获取验证码的按钮状态 点击后的不可点击状态 2、代码实现 <template> <div class="my-code"> &...

2018-12-13 09:07:20

阅读数 2016

评论数 0

vue 集成bootstrap使用

1、编辑webpack.base.conf.js文件 增加webpack: var webpack = require('webpack') 增加Jquery: plugins: [ new webpack.ProvidePlugin({ $: "j...

2018-11-27 10:28:52

阅读数 458

评论数 0

nodejs 使用axios模块发起http请求,并进行拦截各种请求数据

1、安装axios npm install axios --save -g 2、先写好拦截器、服务等 新建一个名为http_server.js的文件 // http_server.js var axios = require("axios") // 创建axi...

2018-11-25 13:43:30

阅读数 1002

评论数 2

nodejs 使用nodejs-websocket模块实现点对点实时通讯

1、首先安装好nodejs-websocket npm install nodejs-websocket --save -g 2、编写服务端 var ws = require("nodejs-websocket") var AllUserData = new...

2018-11-25 13:38:11

阅读数 1090

评论数 0

vue使用localStorage保存登录信息,适用于移动端、pc端

众所周知,vue可以用来开发移动端app,可以使用hbuilder将build好的vue打包成一个移动端app,但是用过之后就会发现,使用cookies或者session保存登录的token,在手机端无法保存,每次打开app依然提示登录。那么我们可以使用localStorage来保存登录信息就可以...

2018-10-02 11:48:24

阅读数 3671

评论数 0

vue2.x集成 swiper轮播图详细教程

1、安装 vue-awesome-swiper npm install vue-awesome-swiper --save 2、使用 vue-awesome-swiper html代码部分 <template> <swiper ...

2018-09-20 10:51:03

阅读数 2696

评论数 0

vue 监听路由刷新跳转,根据是否登录设置路由规则

在vue项目中,一个可行的路由规则很重要,它决定着用户是否有权限进入的路由,已经某些路由在刷新时要跳转等等 这部分代码是使用vue全家桶之一的router完成的,下面看具体实例 const whiteList = ['/login'] // 路由白名单,不需要登录的路由放在这里面 rou...

2018-09-08 16:08:14

阅读数 4894

评论数 0

Gitbook 使用入门

1、安装gitbook 注意:前提是你已经安装好了node.js 会使用npm命令 npm install gitbook-cli -g 2、简单使用 这个时候你就可以使用gitbook命令了 首先在你自己的目录下新建一个名为gitbook的目录(可以自定义名字) 然后使用命令 ...

2018-09-08 16:02:02

阅读数 4168

评论数 0

vue 实现长按弹出删除框,并解决浏览器默认事件、取消冒泡事件

1、先来看看vue怎么取消默认浏览器事件的 (1)vue取消冒泡事件 <--! 将@click改为@click.stop即可 --> <p @click.stop="test($event)"...

2018-09-05 11:17:32

阅读数 6142

评论数 0

vue 定制上传按钮的样式的两种方法

1、铜通过纯html css实现 html代码 <div class="file-upload"> <div class="file-upload-text&...

2018-09-04 09:18:45

阅读数 5119

评论数 0

vue html jq 实现上传图片显示在页面上预览

1、html代码 <img src="" alt="" id="myimg"> <input type=&quot...

2018-09-03 17:15:28

阅读数 4683

评论数 0

纯css实现input获得焦点边框变色、div被点击变色

写的一个简单的vue登录界面 先来看看实现的效果:(这里按钮登录div被点击会变色) 然后来看看代码实现 <template> <div class="icontent"&...

2018-08-30 14:58:11

阅读数 9224

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭