Question

我为Vue组件编写了一个自定义渲染函数，但是当我在传递给createElement函数的数据对象中设置“ref”属性时，根vm的$ refs中没有显示任何内容（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已应用，我创建fiddle以确定其有效。

但是，如果要添加对sm-form-row组件的引用，则必须在父组件中添加ref属性。例如，在父组件中：

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

在您的父组件中，您可以按以下方式访问它：

this.$refs.formRow

此外，您将能够访问子组件的方法。例如，如果子组件有一个名为myMethod的方法，您可以在父组件中访问它，如下所示：

this.$refs.formRow.myMethod

使用createElement时，vuejs ref属性无效

1 个答案: