如何为渲染函数添加引用？

Question

如何为渲染函数添加引用？

我有一个custom_modal用于在以下位置显示自定义模式的实用程序util.js：

util.custom_modal = function (context ) {

  context.$Modal.info({
    render: (h) => {
      return h('div', {

      },[
        h('div', {props: {ref:"abc"}, attrs: {} }, 'ABC')
      ])
    }
  })

当我在组件中使用模态 util 时，this.$refs没有引用abc。

util.custom_modal(this)

console在我输入的浏览器中this.$refs，没有参考abc。

在渲染函数中，我还将引用放在属性中：

h('div', {props: {}, attrs: {ref:"abc"} }, 'ABC')

它仍然不起作用。

Answer 1

您ref直接使用（不作为属性）：

h('div', {props: {}, ref:"abc"}, 'ABC')

另一个例子，一个

<input type="text" ref="foobar">

将会：

h('input',{ref:"foobar",attrs:{"type":"text"}})

演示：

h('div', {props: {}, ref:"abc"}, 'ABC')

<input type="text" ref="foobar">