import { ref, onMounted } from 'vue'
const myRef = ref(null);
onMounted(() => {
console.log(myRef.value);
})
import { ref, onMounted } from 'vue'
const myRef = ref(null);
onMounted(() => {
console.log(myRef.value);
})
还有一个方法
dom传入ref属性支持传入方法,然后进行赋值
<div :ref="(dom) => myRef=dom"> ... </div>
你如果不行,请把代码贴出来(在线平台上,比如 codepen、codesandebox等)
问题中的 ref 应该是指 template ref,在 composition-api 中使用步骤如下:
看题中描述你可以检查第一步与第二步,这是 vue3 文档给出的例子:
<script setup>
import { ref, onMounted } from 'vue'
// 声明一个 ref 来存放该元素的引用
// 必须和模板 ref 同名
const input = ref(null)
onMounted(() => {
input.value.focus()
})
</script>
<template>
<input ref="input" />
</template>
ref 只能获取到子组件暴露出来的字段吧,和 dom 无关呀
在子组件child
defineExpose({
todo
})
父组件
childRef.value.todo
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
<div ref="myRef"> ... </div>