Vue - 来自Vue-Component内部facebook按钮的调用功能

时间:2016-11-16 14:54:12

标签: vue.js

尝试在vue组件中实现Facebook-Login按钮。如何从按钮中的自定义属性“onLogin”调用周围组件上的函数?

HTML

<complogin :page="page" inline-template v-if="page=='login'">
   <div data-max-rows="1" onlogin="fbLogin()" data-size="medium" data-show-faces="false" data-auto-logout-link="false" class="div fb-login-button"></div>
</complogin>

JS

Vue.component('complogin',{
   data: function() {
       return { foo: "bar" }
   },
   methods: {
       fbLogin:function() {
           console.log("Hello!")
       },
    }
})

1 个答案:

答案 0 :(得分:3)

找到解决方案:

通过生命周期钩子将组件方法附加到窗口事件,然后调用它。

loaded: function() {
    window.componentMethod = this.componentMethod
}