Javascript 是否可以在组件中获取指定的引用名称？Vue.js

我创建了一个新组件，它将使用渲染图表。我想通过引用访问此组件

<kpis-linechart name="inv-speed" ref="inv-speed-chart" :information="team.invoice_details">

---

最好的方法是添加一个名称作为道具（因为

ref

未作为道具传递）：

我是一个图表，我的id是“{{id\u chart}”

Vue.component('kpis-linechart',{

    template : '#kpis-linechart-template',

    props : {
        information : Object,
        name : String
    },
    // I WANT TO REPLACE THIS CODE IN ORDER TO GET THE REF NAME AS ID //
    // I WANT TO REPLACE THIS CODE IN ORDER TO GET THE REF NAME AS ID //
    computed : {
        id_chart(){
            return this.name + '-chart'
        }
    },


    methods : {
        updateChart(){
            this.chart = new Chart(document.getElementById(this.id_chart),{
                type : 'line',
                data : {
                    labels : ['hola','como','estas'],
                    datasets : [
                        {
                            label : 'Queso',
                            data : [1,2,4]
                        }
                    ]

                    
                }
            })
        }
    },

    mounted(){
        this.updateChart()
        console.log('CREATING CHART')
        // console.log(this.information)
        console.log(this)
    }

})

<my-component ref="something" name="something" />