vue.js - 如何在 vue3 的设置中强制更新?
问题描述
如何在 vue3 的设置中强制更新?
使用 Options Api 时,我可以使用 this.$forceUpdate() 来强制更新。如何在 vue3 的 setup 函数中做同样的事情?
解决方案
<script lang="ts">
import { defineComponent, getCurrentInstance } from "vue";
export default defineComponent({
setup() {
const { ctx: _this }: any = getCurrentInstance()
let arr = [1]
const handleClick = () => {
arr.push(2)
_this.$forceUpdate()
}
return {
arr
};
},
});
</script>
<template>
<div>
<div>{{arr}}</div>
<button @click="handleClick">add</button>
</div>
</template>
完毕