精华内容
下载资源
问答
  • Vue和Android交互,Android回调Vue方法

    万次阅读 2018-05-23 20:04:15
    1.Vue中定义的方法 2.Android中调用Vue方法

    1.Vue中定义的方法


    2.Android中调用Vue的方法


    源码地址 GitHub

    展开全文
  • 最近项目中有个vue中内嵌iframe标签,在iframe中进行报表提交,提交完成之后需要回调vue页面的函数 vue项目中内嵌iframe的src如果是从服务端获取,可能会存在js跨域问题 一:vue项目打包以后与iframe的src是同一...

    最近项目中有个vue中内嵌iframe标签,在iframe中进行报表提交,提交完成之后需要回调vue页面的函数

    vue项目中内嵌iframe的src如果是从服务端获取,可能会存在js跨域问题

    一:vue项目打包以后与iframe的src是同一域名下的同一端口,即不存在js的跨域问题,这个就非常好办了。代码如下:

    vue组件中,我们可以暴露出一个window的变量,给其赋值为一个函数,然后在iframe中利用window.parent.变量来进行调用,如下

    <template>
      <div class="hello">
        <iframe src="/static/2.html" frameborder="0"></iframe>
      </div>
    </template>
    
    <script>
    
      export default {
        name: 'HelloWorld',
        created() {
          // 防止this的指向改变
          let self = this
          // 在window对象上暴露出一个变量,赋值一个函数
          window.a = ()=>{
            // 当iframe中的报表提交按钮点击之后,回调此方法
            self.changeNodeMsg()
          }
        },
        methods: {
          changeNodeMsg(){
            alert(0)
          },
        }
      }
    </script>
    

    iframe的src文件如下

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Title</title>
    </head>
    <body>
    <div class="con">
      <p class="many-txt">德玛西亚数字科技从事数字视觉领域研发</p>
    </div>
    <p class="ddd">报表提交</p>
    </div>
    </body>
    </html>
    <script>
      // 获取dom节点
      let ddd = document.getElementsByClassName("ddd")[0];
      // dom节点点击事件
      ddd.onclick = function() {
        // 调用父级window对象上的变量式函数
        window.parent.a()
      }
    </script>
    

     

    二:如果存在js跨域问题,可以使用如下方法(window.postMessage方法解决跨域--在iframe的src页面中使用

    vue页面中如下

    <template>
      <div class="hello">
        <iframe src="/static/2.html" frameborder="0"></iframe>
      </div>
    </template>
    
    <script>
    
      export default {
        name: 'HelloWorld',
        mounted() {
          let self = this;
          window.addEventListener('message', function(e) {
            console.log('获取子级B页面返回值:');
            console.log(e.data.status);
            if (e.data.status === "success") {
              self.changeNodeMsg();
            }
          })
        },
        methods: {
          changeNodeMsg(){
            alert(0)
          },
        }
      }
    </script>
    

    iframe的src文件中如下

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Title</title>
    </head>
    <body>
    <div class="con">
      <p class="many-txt">德玛西亚数字科技从事数字视觉领域研发</p>
    </div>
    <p class="ddd">报表提交</p>
    </div>
    </body>
    </html>
    <script>
      // 获取dom节点
      let ddd = document.getElementsByClassName("ddd")[0];
      // dom节点点击事件
      ddd.onclick = function() {
        var info = {'status':'success'};
        window.parent.postMessage(info,'*');
      }
    </script>
    

     

     

     

     

    展开全文
  • vue 方法回调通知执行下一个方法

    千次阅读 2018-11-29 20:22:54
    在项目中有很多这样的需求,在一个方法执行完成拿到数据后才可以执行下一个方法,这就需要在第一个方法执行完后有个回调函数通知下一个方法可以执行了。 function get(data){ return new Promise(function...

    在项目中有很多这样的需求,在一个方法执行完成拿到数据后才可以执行下一个方法,这就需要在第一个方法执行完后有个回调函数通知下一个方法可以执行了。

    function get(data){
       return new Promise(function(resolve, reject){
          if(data>5){
              resolve(data)
           }else{
              reject('数据都是不大于5')
            }
       });
    }
    
    function3(){
      //执行get()方法后才能执行的函数 
    }
    
    // 调用
    function1(){
       this.get(data).then(function(num) {
            this.function3()
         })
    }
    上面的方法是使用实例!

     

    展开全文
  • 解决 | vue回调js的方法

    千次阅读 2020-05-20 11:04:10
    vue回调js的方法 vue的页面里调用了js方法,该js方法调用完毕后返回vue页面回调函数,但报该回调函数未定义的错误 解决方法 在mounted里申明js方法指向当前vue页面的方法
    vue回调js的方法

    vue的页面里调用了js方法,该js方法调用完毕后返回vue页面回调函数,但报该回调函数未定义的错误
    在这里插入图片描述

    解决方法

    在mounted里申明js方法指向当前vue页面的方法
    在这里插入图片描述

    展开全文
  • vue里面本身带有两个回调函数: 一个是`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。 另一个是`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。(数据更新后,dom会更新,最后才执行...
  • 封装 首先是在assets文件夹中新建一个叫getLogindData.js的文件 ... console.log('hello vue'); } /***把方法 export 出去***/ export default {getLogindData} 然后我们要调用这个js的方法,在com...
  • vue 组件回调

    千次阅读 2017-06-01 18:05:09
    场景是这样的 去看下一下的代码 我只说重点 重点是 tableList.vue 里的 this.$emit("aaa",["11"]) 里 aaa 指的是...至于 后面的="a1" 就是你父组件里面的回调方法了 index.html   无标题文档
  • Vue 回调函数中this无效

    千次阅读 2020-08-14 15:53:59
    Vue 回调函数中this无效1、在回调函数之前将 vue 实例 this 赋值给一个变量,在回调函数中使用该变量2、使用箭头函数3、在 methods 中定义一个函数,回调函数使用该函数 记录在vue项目中使用回调函数时调用this无效...
  • Vue 中 axios 的回调函数 .then 里的this不指向vue实例解决办法 Axios 文档 //在.then中使用箭头函数 var sub = new Vue({ el:"#app", data:{ messg:"" }, methods:{ ...
  • vue异步请求等待处理的回调

    万次阅读 2019-09-25 14:50:56
    再进行后续动作,例如,在一段网络请求结束后执行跳转,如果不做处理,会有可能出现网络请求未完成的时候页面就已经跳转走不存在了,所以要在调用网络请求的方法中加入一个回调函数,函数里边写请求结束的代码,然后...
  • vue子组件调用父组件方法 回调

    千次阅读 2020-04-21 14:15:47
    子组件调用父组件方法,父组件执行完后,进行回调,代码如下: 子组件 this.$emit('change', this.dataList, (loading) => { this.loading = loading }) 父组件 @change="onChange" ................... ....
  • 产品需求:在微信内分享需要手动配置的分享地址、分享图片与内容描述,引导用户分享,并在微信分享成功回调内进行相应的操作。 首先需要在项目中引入微信jsSDk包,然后通过接口获取后台签名。 封装函数获取微信...
  • 在使用事件订阅$on或者使用axios请求数据时,在回调方法内想刷新数据或者调用其他本组件的方法,发现调用不了,this不能指向当前组件的vue实例,提示TypeError: this.xxx is not a function或者其他。 解决方法:...
  • vue中函数回调传值

    2020-04-20 20:31:30
    在父组件中写一个数据请求的函数,形参为回调,父组件将数据请求拿到后,通过传参传递给子组件,子组件通过传递过来的函数进行回调,从而进一步处理数据。 我们重点讨论第三种方式。 父组件: methods: { loadData...
  • 最初代码如下: 发现 console.log(this.getData(‘201807270930001721/201807270930001721res.pdf’))得到的是undefined 由于get是异步执行的,所以你也无法获取到请求返回的内容,要用回调的形式来获取: ok,这样就...
  • vue使用layer弹窗实现自定义回调函数

    千次阅读 2019-05-08 17:45:51
    写法一: JumpLogin() { var _this = this; _this.$layer.alert("注册完成,请登录", { closeBtn: 0 }, ... //这里写回调函数的方法体 _this.$layer.close(index); //关闭弹出框 }); } 写法二: DomeTes...
  • 今天在用vue+element写代码的时候,碰到一个需求。&lt;el-dropdown trigger="click" @command="handleCommand" @visible-change="aa"&gt;&lt;/el-dropdown&gt;其中...
  • vue swiper回调函数内传值到vue数据内

    千次阅读 2019-03-27 22:35:07
    vue swiper回调函数内传值到vue数据内 vue swiper回调函数内传值到vue数据,不能直接用this,因为this指向的是当前swiper,所以需要在data内 定义self指向this data() { let self = this return { currentIndex:...
  • vue加载完成后的回调函数

    万次阅读 2017-04-24 14:29:45
    var c = new Vue({   el: "#cartoon",   data: data,   mounted: {   alert("vue加载完成");   }  });
  • 原文链接 前言 在vue项目中,使用vue-awesome-swiper实现轮播业务。安装的vue-awesome-swiper是最新版本...而在事件回调中,我们需要获取vue页面data中的数据。但是此时的this并不指向vue对象。 解决 HTML: &...
  • 一、先说一个看关于vue-awesome-swiper的一个坑 vue项目的package.json中显示的&amp;quot;vue-awesome-swiper&amp;quot;: “^2.5.4”,用npm install自动安装依赖时装的版本为&amp;quot;version&...
  • webview 嵌套vue项目 采用高德地图地理位置权限获取onGeolocationPermissionsShowPrompt方法回调 最近嵌套vue项目时,vue里面接的高德地图,用户运动时需要获取本地的位置权限,但是总是获取不到,vue自然也不会...
  • 1.回调页面方法 this.$emit("edit", type);回调中只有一个参数type2.但是在父页面需要往该回调函数中增加新参数index写法需如下:v-on:edit-panel='edit(index,$event)'即需要在新增加的参数后面加上$...
  • vue data里回调函数里 this指向

    千次阅读 2019-04-16 15:05:25
    **vue data里回调函数里 this指向** 使用elementui的日期选择器,限制启止时间选择 — 为以后的bug节省时间 html: <el-date-picker v-model="searchData[item.prop]" type="date" value-format=...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 58,740
精华内容 23,496
关键字:

无法回调vue方法

vue 订阅