Vuejs将数据从孩子传递给父母

【问题标题】：Vuejs Passing Data from child to parentVuejs将数据从孩子传递给父母
【发布时间】：2021-10-16 02:00:24
【问题描述】：

需要帮助。我有一个组件

<BasicFilter></BasicFilter>

选择

<select @change="$emit('onSortName', $event)">
<option value="asc"> A..Z</option><option value="desc"></select>

并希望将选定的值传递给父函数：

onSortName(event) {
if (event.target.value == 'desc') {
do something
}
}

如何将 event.target.value 传递给 parent 中的函数？

【问题讨论】：

标签： vue.js

【解决方案1】：

在孩子中，您发出带有要发送给父母的数据的事件：

<select @change="$emit('onSortName', data)">

在父模板中你监听事件：

<BasicFilter @onSortName="someFunction"></BasicFilter>

对来自孩子的事件做某事的方法

methods: {
  onSortName() {
    if (val == 'desc') {
      do something
    }
  }
}

【讨论】：