在Vue JS中按下父组件上的按钮时如何刷新子组件的方法？答案

【问题标题】：How to refresh a method of Child Component when I press Button on Parent Component in Vue JS?在Vue JS中按下父组件上的按钮时如何刷新子组件的方法？
【发布时间】：2018-03-06 09:50:42
【问题描述】：

我现在在父组件的表单字段中有一个带有选择选项的提交按钮，当用户更改选择选项时，它将采用该值并在子组件中执行方法/功能。每当他改变我想自动更新子功能。

<select>
  <option value="www.google.com">google</option>
  <option value="www.facebook.com">facebook</option>
  <option value="www.twitter.com">twitter</option>
 
</select>

<button> Submit </button>

现在当有人按下提交按钮时，它将在子组件上执行一个函数

export default {
  name: 'child',
  data () {
    return {
      title: 'Child',
    }
  },
  methods: {
    doSomething: function (url) {
     var newurl = url;
      
    }
    }
}

因此，当按下按钮时，doSomething 方法将使用所选值执行。

【问题讨论】：

标签： javascript vue.js vuejs2

【解决方案1】：

您可以使用global event bus机制进行父子通信。这里有一篇文章深入探讨了你应该如何实现它。

https://alligator.io/vuejs/global-event-bus/

【讨论】：