無法在其他組件內定位方法

Question

如何定位其他組件內的方法？

我正在研究一個項目，我想在另一個組件內部定位一個方法。我按下了儀表板組件內的一個按鈕，我想更改線圖組件中的數據（它使用vue-chartjs）。我如何定位這種方法？

Answer 1

您可以通過refs

引用它們在你的榜樣叫孩子的方法，儀表板的模板應該是這樣的：

<template> 
    <div> 
    <button @click="$refs.chart.yourMethod()">Call child method</button> 
    <line-chart ref="chart"></line-chart> 
    </div> 
</template> 

Answer 2

那麼你可以瞄準過來然而$refs，這是非常髒，因爲它激發了組件的相當嚴格的綁定。

更好的解決方案是觸發事件（事件總線）或通過道具。