vue3中，想用ts类来开发组件，现在遇到个问题，如何定义ref about core HOT 4 CLOSED

The dom instance can't be fetched until after the mounted.

from core.

The dom instance can't be fetched until after the mounted.

主题已更新，改成这样也不行

from core.

The dom instance can't be fetched until after the mounted.

主题已更新，改成这样也不行

from core.

vue3中，想用ts类来开发组件，现在遇到个问题，如何定义ref，代码如下，this.dom.value在方法中为null

--------test.ts--------
import { Ref, h, ref } from 'vue'
export default class MyClass {
	private name: string
	private dom: Ref = ref(null)

	//构造函数
	constructor() {
		this.name = 'test'
	}

	public initHtml() {
		return h('div', { ref: this.dom }, this.name)
	}

	public page() {
		console.log('------880-------', this.dom.value)
	}
}

调用示例

--------my.tsx--------
import { defineComponent, onMounted } from 'vue'
import MyClass from './test'
export default defineComponent({
	setup() {
                const vs = new MyClass()
		onMounted(() => {
			vs.page()
		})
                
               return () => vs.initHtml()
        },
})

改成上面这样就行了

from core.