我有两个组件App.Vue和CoinList.vue，但是在调用方法时遇到一些问题，这是代码：
的片段 App.vue
<q-list>
<q-item clickable v-close-popup @click="cct">
<q-item-section avatar>
₦
</q-item-section>
<q-item-section>NAIRA</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="changeToUsd()">
<q-item-section avatar>
$
</q-item-section>
<q-item-section>USD</q-item-section>
</q-item>
<q-item clickable v-close-popup @click="changeToEur()">
<q-item-section avatar>
€
</q-item-section>
<q-item-section>EUR</q-item-section>
</q-item>
</q-list>
的片段 CoinList.vue
methods: {
getCoinsData: function () {
...
},
changeToNgn: function () {
...
},
changeToUsd: function () {
...
},
changeToEur: function () {
...
},
},
我希望在单击事件中App.vue调用函数，CoinList.vue但似乎无法正常工作。我在某个地方阅读了有关事件总线的信息，但似乎似乎无法掌握它。如果有任何帮助，我将非常感激。
您可以使用如下ref指令来调用子组件方法：
表示ref：
<coin-list ref="coinList" />
用它
changeToEur () {
this.$refs.coinList.changeToUsd()
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句