VUE3 setup 语法糖解决没有this的问题

作者：花生_TL007 | 2024-03-13 15:06:51

踩

背景
解决

背景

我们在使用vue2的时候经常会用到vue中的this,方便我们拿到ref或store等,但是vue3版本的setup语法糖却没有this关键字

解决

我们可以使用getCurrentInstance方法获得与this关键字类似的效果

代码示例

<template>
	<div ref="adiv"></div>
</template>
<script setup lang="ts">
	import { getCurrentInstance } from "vue";
	const instance = getCurrentInstance();
	//获取上面的div
	const adiv = instance.refs.adiv;
</script>
1
2
3
4
5
6
7
8
9

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/229196