Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 在Vuejs 2上发出事件和_Vue.js_Components - Fatal编程技术网

Vue.js 在Vuejs 2上发出事件和

Vue.js 在Vuejs 2上发出事件和,vue.js,components,Vue.js,Components,嗨,这是我的家长定制活动 bus.$emit('updated-users', 'Sample Data') 我的组件 bus.$on('updated-users', data => this.lastname = data) 这个有效 使用回调不起作用 bus.$on('updated-users', function(data){ //data is displayed in the console log. console.log(data)

嗨,这是我的家长定制活动

bus.$emit('updated-users', 'Sample Data')
我的组件

bus.$on('updated-users', data => this.lastname = data)
这个有效

使用回调不起作用

bus.$on('updated-users', function(data){
        //data is displayed in the console log.
        console.log(data)
        //This doesn't work. 
        this.fetchedUsersData()
    })
我需要触发一个方法,但它不起作用。我找不到任何触发方法的示例。请帮忙。

你能试试这个吗

created () {
 bus.$on('updated-users', fetchedUsersData)
},
methods: {
 fetchedUsersData(){
  //the fetched user data
  console.log('the fetched user data')
 }
}

解除绑定
用于函数中。您好,解除绑定
是什么意思。它是否仅是
fetchedUsersData()
呢?@kirqe这个例子是从孩子到父母的。我的是父母传给孩子的。它仍然是相同的概念吗?TY@kirqe你发布的这个需要一个数据,而不是触发一个函数。我认为它不是复制品。TY在这两种情况下,您使用的都是回调函数,您只是以不同的方式定义了函数,具体问题是箭头函数和常规函数之间的
绑定方式不同。箭头函数是按词汇绑定的,这意味着
将指向Vue。在第二个示例中,
可能会指向
总线
,该总线没有
获取数据
方法。