vue项目中集成plus

1、安装

npm i vue-awesome-mui --save

npm i vue-html5plus --save

2、main.js中引用

import Mui from 'vue-awesome-mui';
Vue.config.productionTip = false
Vue.use(Mui);import VueHtml5Plus from 'vue-html5plus';
Vue.use(VueHtml5Plus);

3、调用

created() {// 扩展API是否准备好，如果没有则监听“plusready"事件if (window.plus) {this.plusReady()} else {document.addEventListener('plusready', this.plusReady, false)}},
// 扩展API准备完成后要执行的操作plusReady() {const self = thisconsole.log("plusReady--", plus.geolocation);plus.geolocation.getCurrentPosition(function (p) {console.log("onPlusReady--p.coords", p.coords);self.positionXY = p.coords;self.$store.state.location = p.coords;},function (err) {console.log("onPlusReady--err", err);});},

vue项目中集成plus相关推荐

VUE项目中集成AnimateCSS动画（2020.6.28 亲测可用）
目录在 Vue 项目中使用 animate.css 第一步:安装第二步:引入及使用第三步:页面中使用(相比网上搜到的教程,有改动的地方) 如何找到想要的动画题外话 vue 方式给元素绑定进入动 ...
vue项目中集成腾讯TIM即时通讯（附源码）
上图前言项目需要做个客服功能,用户端小程序,客服人员web端,于是用到了腾讯的tim 准备工作在腾讯云官网上创建应用,获取到相应的SDKAppID和相应的秘钥信息安装SDK (1) web项目 ...
vue项目中集成layerUI
https://www.npmjs.com/package/vue-layer 最后这个步很重要在vue.config.js configureWebpack: { resolve: { alias: ...
Vue项目中最简单的使用集成UEditor方式，含图片上传
Vue 3 项目参考这里前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热 ...
Vue项目中最简单的使用集成百度UEditor方式，含图片上传
前言封面是UEditor的百度指数折线图.虽然今天已经是 2018 年,且优秀的富文本编辑器层出不穷(包括移动端),但从图中可以看出UEditor仍然维持着较高的搜索热度.而不少公司和个人也仍然 ...
vue项目中使用百度地图轨迹动画
在上篇博客中,介绍了如何在vue项目中集成百度地图,这篇博客主要是说如何在vue项目中使用轨迹动画在项目开发过程中,比如你需要实时的观察一个人的行走路线,行走过程. 这个时候我们就需要在地图上使用 ...
如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
Vue学习笔记（二）—— vue项目中使用axios
一.文档链接 axios文档 vue开发插件二.axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XML ...
vue项目导入elementui_在vue项目中使用elementui
如何让你的前端程序看起来很优雅而又简单. 最近我做的项目几乎都是管理系统,所以为了节约时间,开始使用ui框架-----elementui. 一个简单的管理系统来说,这套ui框架足够使用了,而且对样式的 ...

vue项目中集成plus

vue项目中集成plus相关推荐

最新文章

热门文章

vue项目中 集成plus

vue项目中 集成plus相关推荐

最新文章

热门文章

vue项目中集成plus

vue项目中集成plus相关推荐