美文网首页
Vue回调函数及继续操作组件方法

Vue回调函数及继续操作组件方法

作者: whiteleaf | 来源:发表于2017-12-20 19:33 被阅读0次

1.假如你不会使用ES6箭头函数,那么可使用funciton回调函数,但是在回调funciton中无法操作组件,怎么办呢,那么往下看

1.被调用的函数
showDOMVisible()
{
        //2.调用查询函数,将this传入函数
        this.queryAction(1, this, function(self, data) {
              //5.执行回调后动作,对传入的this做使用
              console.log("showVisible-->显示", self, data);
              //需要显示的Dialog
              self.domVisible = true;
              //需要显示文字的双向绑定组件
              self.InfoHTML = data;
        })
},
queryAction(actionCode, self, callBack)
{
    //3.发送后台请求
    console.log("showCopyVisible");
    let urlPath= "/actionName/getLog?a=1" ;
    this.$axios.post(urlPath, {})
        .then((response) => {
                      //返回成功
            if("0" == response.data.code)
            {
                console.log("queryAction-->回调");
                                //4.得到后台请求结果,回调函数
                callBack(self, response.data.data)
            }
        })
},

相关文章

  • Vue回调函数及继续操作组件方法

    1.假如你不会使用ES6箭头函数,那么可使用funciton回调函数,但是在回调funciton中无法操作组件,怎...

  • Android使用suspendCancellableCorou

    普通的回调函数: 回调方法,模拟耗时操作 去掉回调,转换为挂起函数:

  • 关于vue开发中注意的点

    生命周期及回调: 不要在vue组件的固定选项(生命周期钩子、watcher等)或者回调使用箭头函数:类似creat...

  • 7. 生命周期钩子和mixin原理

    核心答案: Vue的生命周期钩子就是回调函数而已,当创建组件实例的过程中会调用对应的钩子方法 #[http://z...

  • 关于$nextTick的使用

    在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中 在...

  • 同步,异步

    js异步操作的方法:1.回调函数就是把一方法当作参数传到另一个方法里。有两种回调方式:同步回调和有异步回调 同步回...

  • react父子组件通信

    父组件向子组件通信 回调函数 直接把函数传到组件里面,然后组件里面调用this.props.goDetail函数来...

  • Promise、class

    1、promise是异步操作的一种解决方案,一般用来解决层层嵌套的回调函数(回调地狱) 2、三个状态及then函数...

  • 监听者模式

    监听者模式 回调函数: 往组件注册自定义的方法,以便组件在特定场景下调用—这个方法是组件定义的,业务方实现@Slf...

  • Cocos Creator之组件的生命周期

    组件脚本生命周期 Cocos Creator组件脚本提供了生命周期的回调函数。 用户只要定义特定的回调函数,Cre...

网友评论

      本文标题:Vue回调函数及继续操作组件方法

      本文链接:https://www.haomeiwen.com/subject/chlnwxtx.html