vue
游1
这个作者很懒,什么都没留下…
展开
-
vue+vue-baidu-map(百度地图)实现点击地图标注地理信息并获取经纬度坐标或拖拽图标获取地理坐标信息
1、实现需求小程序中需要使用到地图导航定位,所以在客户端填写基础信息时需要填写详细地址,同时得到经纬度坐标,从而实现地图导航。1.1 实现方式一根据用户选择的省、市、县(区)以及输入的详细地址信息,通过百度官方提供的地址编码解析从而得到地址经纬度坐标。先下载vue-jsonp: npm(cnpm) install --save vue-jsonp在main中引入:import * as VueJsonp from 'vue-jsonp (这里注意 加上” * as “) Vue.p原创 2022-02-10 17:46:45 · 6792 阅读 · 1 评论 -
vue实现图片通过鼠标滚轮放大缩小,并且能够拖动
<template> <!-- 实现鼠标缩放图片并拖拽功能 --> <div class="box" id="bigimg" @mousewheel="bbimg($event)"> <img id="img" border="0" src="../../static/img/bg.jpg"> </div></template><script> export default { data原创 2021-08-06 10:56:32 · 2849 阅读 · 1 评论 -
vue3.x创建项目
一、安装Vue-cli 1、运行终端 vue -V 或者 vue --version 确认自己 vue 版本在3.x以上 2、如果vue版本在3.x跳过下面步骤,低于3.x版本的执行下面步骤 2.1、没有返回版本信息,提示指令“不是内部或外部命令”的直接执行下面的安装指令# npm 安装确保自己安装了node并配置了环境 # 可以终端npm -v 验证,以及node -v 验证npm install -g @vue/cli#或者 c...原创 2021-05-27 10:00:23 · 149 阅读 · 0 评论 -
vue+vant移动端上传upload
1、首先下载依赖# Vue 2 项目,安装 Vant 2.x 版本: npm i vant -S# Vue 3 项目,安装 Vant 3.x 版本: npm i vant@next -S2、全局或者自己局部引用(依据自己需求而定)3、这里使用局部引入组件import { Uploader } from 'vant';<template>//直接使用<van-uploader :after-read="afterRead" />//在表单中使用原创 2020-12-09 15:18:47 · 1633 阅读 · 0 评论 -
vue 计算结束日期与当前时间相差天数
添加下面方法即可//创建方法erDateDiffer(Date_end){ //date1结束时间 let date1 = new Date(Date_end); //date2当前时间 let date2 = new Date(); date1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()); date2 = new Date(date2.getFullYear(), dat.原创 2020-11-23 09:44:25 · 6173 阅读 · 0 评论 -
vue引用echarts
在vue中使用echarts一般都是直接npm install echarts -S下载然后全局或者局部引用。在我资源中有一个文件,可以局部引用简化我们使用echarts首先创建一个新项目写下使用过程将文件复制到依赖中解压里面有两个文件在vue-echarts-v3中有一个src目录下有一个full.vue文件代码中的用法,直接引用那个文件即可,mix中的内...原创 2018-10-17 15:23:23 · 2772 阅读 · 0 评论 -
HTML样式布局css属性之position定位
属性:position(定位)上图是官方的介绍,在实际使用的时候可以通过提示看到还有许多的值可选,例如:-ms-page、-ms-device-fixed、-webkit-sticky、initial、sticky、unset等。1、fixed(英译:固定的):在官方的介绍中其位置是相对于浏览器窗口来定位的。注意的是当你在元素中使用了该值来定位,它的位置使用left、top、right...原创 2018-08-10 18:34:12 · 1457 阅读 · 0 评论 -
vue+element 实现上传(upload)和下载(download)
最近自己摸索了一下elementui ,学了点东西总结记录分享一下element中文官网上有upload的文档内容,虽然不多,但还是可以用的:http://element-cn.eleme.io/#/zh-CN/component/upload但好像没有看到下载的内容,就自己去找了一波。下面两张图是效果图。简单点直接附上代码<template> &l...原创 2018-07-31 15:13:48 · 34693 阅读 · 3 评论 -
Vue入门知识(1)
在尚未搭建环境时,可以先简单了解一下vue.js。CDN引入vue<script src="https://unpkg.com/vue"></script>使用编辑器创建一个index.html和一个app.js文件index.html内容<!DOCTYPE html><html> <head> <..原创 2018-07-17 16:18:49 · 161 阅读 · 0 评论 -
Vue初识
1、vue.js网址:https://cn.vuejs.org/2、vue.js 一个渐进式的javascript框架:优点什么的易用、灵活、高效就没必要讲了。3、介绍什么的自己去看。4、直接讲如何使用,使用有3个方法:(1)下载js引用,(2)CDN引用,(3)NPM安装使用 (1)下载使用,在官网上下载,如图有两种,一种是开发版本,一种是生产版本。 ...原创 2018-07-17 15:34:14 · 168 阅读 · 0 评论