如何在Vue的render函数中通过ref操作给子组件设置长尾词？

本文共计787个文字，预计阅读时间需要4分钟。

通常我们的写法是，这样ref不会生效，h是作用在渲染时的，而ref是在渲染后才创建的，因此在此h函数中使用ref是无效的。+render: (h, params)={ return h(expandRow, { ref: 'child', props: { row: params.row } });+

正常我们的写法是，这样ref不会生效，h是作用在渲染的时候的，而ref是渲染之后才创建的，因此在h函数中使用ref是无效的。

render: (h, params) => { return h(expandRow, { ref:'child', props: { row: params.row } }) }

我们常见h函数的用法是：

render: (h) => { return h(ele) }

=> 是es6的用法，相当于 (h) => {} 相当于 function(){},上面的代码可解析为：

render: function(createElement) { return createElement(ele); }

Vue在创建Vue实例时，通过render作为函数来渲染Dom树，而在render方法中，又调用createElement函数来渲染子组件或元素。

因此此时元素或子组件处于渲染过程。

ref是用来给元素或子组件注册引用信息的，引用信息将会注册在父组件的$refs对象上。