Свойство vuejs ref не влияет при использовании с createElement

Question

Я написал пользовательскую функцию рендеринга для компонента Vue, но когда я установил свойство «ref» в объекте данных, который передается в функцию createElement, в $ refs корневого vm ничего не отображается (VueComponent) )

Vue.component('sm-form-row', {
        render: function (createElement) {
            // Create the Row Div and append the columns
            return createElement('div', {
                    class: {
                        'row': true
                    },
                    ref: 'some computed value'
                });
        }
});

Что мне не хватает, класс применяется правильно, но $ refs продолжают показываться пустыми.

Answer 1

ref применяется beign, и я сделал скрипку , чтобы убедиться, что она работает.

Но если вы хотите добавить ссылку на компонент sm-form-row, вам нужно добавить атрибут ref в родительский компонент. Например, в родительском компоненте:

<sm-form-row ref="formRow" />

И в вашем родительском компоненте вы можете получить к нему доступ:

this.$refs.formRow

Также вы сможете получить доступ к методам дочернего компонента. Например, если у дочернего компонента есть метод myMethod, вы можете получить к нему доступ в родительском компоненте следующим образом:

this.$refs.formRow.myMethod