尝试在vue组件中实现Facebook-Login按钮。如何从按钮中的自定义属性“onLogin”调用周围组件上的函数?
<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>
Vue.component('complogin',{
data: function() {
return { foo: "bar" }
},
methods: {
fbLogin:function() {
console.log("Hello!")
},
}
})
答案 0 :(得分:3)
找到解决方案:
通过生命周期钩子将组件方法附加到窗口事件,然后调用它。
loaded: function() {
window.componentMethod = this.componentMethod
}