首页vue3 中没有this.$refs

vue3 中没有this.$refs

时间: 2023-11-04 16:01:02 浏览: 135

vue单文件组件无法获取$refs的问题

记录一下学习webpack+vue碰到的一个大坑，踩这个坑是我才疏学浅的表现，特此引以为戒。因为该坑实在是太坑了！代码 header.html <body> <div id=popup-wrap> <popup ref=popup></popup> </div> </body> header.js import popup from '../../components/popup/popup.vue' import './header.scss' let header_vue; $(function () { header_vue = new Vue({

在Vue 3中，通过使用Composition API，this.$refs已经被移除了。Composition API提供了一种更灵活的方式来引用DOM元素或组件实例。现在可以使用ref函数来创建一个响应式引用，然后通过调用.value属性来访问引用的值。例如，可以使用ref函数创建一个DOM元素的引用，并通过访问.value属性来获取该DOM元素。相应地，可以使用ref函数创建一个组件实例的引用，并通过访问.value属性来获取该组件实例。

阅读全文