vue混合开发笔记， this的指向

项目：打卡

项目中需要从app端获取坐标位置，需要调用原生的方法，然后在回调中获取到数据。

在回调函数中给this.locations赋值，然后watch不到this.locations的变化，

由于原生方法是挂在在window上面，考虑是不是在回调中this的指向变了，所以未获取到vue。

解决办法：可以在开始定义一个变量

let myVUE = {}

export default{

　　然后在create钩子里面

　　create ( ) {
　　　　myVUE = this　　

　　｝

}

然后在方法里面直接调用 myVUE . locations = data.locations

就能获取到数据了

由于技术有限，有不当地方欢迎各位大佬指出

转载于:https://www.cnblogs.com/sunziyu/p/10132742.html

vue混合开发笔记， this的指向相关推荐

html和vue混合开发
1.首先在页面引入vue.js(不熟悉vue项目的,可以在自己的项目引入使用) 2 3.其次就是页面的渲染了怎么让ajax请求到数据给到页面呢,写个关于聊天的小demo吧! /chat.id是来判断发 ...
vue页面和html混合,html和vue混合开发
1.首先在页面引入vue.js(不熟悉vue项目的,可以在自己的项目引入使用) 2 3.其次就是页面的渲染了怎么让ajax请求到数据给到页面呢,写个关于聊天的小demo吧! /chat.id是来判断发 ...
Vue快速上手笔记2 - 开发环境的搭建
Vue快速上手笔记2 - 开发环境的搭建 CSDN:JcLee95 邮箱:291148484@163.com 专题目录:https://blog.csdn.net/qq_28550263/articl ...
开发笔记——vue echarts图表在切换页面大小时缩成一团
开发笔记--vue echarts图表在切换页面大小时缩成一团添加this.$nextTick() this.$nextTick(()=>{this.getjkechertsdata(); / ...
Cesium 开发笔记-Vue 中使用 Cesium（vue-cli-plugin-cesium）
Cesium 开发笔记-Vue 中使用 Cesium(vue-cli-plugin-cesium) 通常情况下,我们要在 Vue 中使用 Cesium,首先要安装 Cesium,然后要在 vue-cl ...
Vue PC商城项目开发笔记与问题汇总
Vue PC商城项目开发笔记与问题汇总负责PC端商城项目,这也是人生第一个真正的项目.刚做了一天,就遇到不少问题,在这里列出自己的问题与解决办法,与大家交流,提升自己,希望以后不会掉进同一个坑里. ...
Vue + quasar-framework进行Vue混合app开发 ─ 模拟器选择及使用(四)
这里推荐2钟比较常用的模拟器,Genymotion和Android Studio自带的Android Virtual Device,至于喜欢用哪个就用哪个. Genymotion 需要准备下载的软件 ...
android app开发混合开发,混合开发入门 Vue结合Android/iOS开发仿京东项目App
download:混合开发入门 Vue结合Android/iOS开发仿京东项目App 无需原生开发基础,也能完美呈现京东商城.本课程融合vue.Android.IOS等目前流行的前端和移动端技术,混合 ...
Vue 新手学习笔记：vue-element-admin 之入门开发教程（v4.0.0 之前）
说实话都是逼出来的,对于前端没干过ES6都不会的人,vue视频也就看了基础的一些但没办法,接下来做微服务架构,前端就用 vue,这块你负责....说多了都是泪,脚手架框架布了都没看过干就完事,不过 ...

vue混合开发笔记， this的指向

vue混合开发笔记， this的指向相关推荐

最新文章

热门文章