vue3中使用$forceUpdate

蓝爱人

已于 2023-03-02 15:13:06 修改

阅读量6.3k

点赞数 6

文章标签： vue.js 前端 javascript Powered by 金山文档

于 2023-03-02 14:37:50 首次发布

本文链接：https://blog.csdn.net/weixin_46413834/article/details/129300348

版权

在vue2中直接

this.$forceUpdate()

在vue3中直接

import { getCurrentInstance } from "vue";
setup(){
//解构赋值 设置别名that  也可不写  :that  直接ctx
//ctx 得到普通对象
//proxy得到响应式对象
// 推荐使用proxy
      let {ctx:that, proxy} = getCurrentInstance()
    that.$forceUpdate()
}

在vue3+TS中直接

<script setup>
import { getCurrentInstance, ComponentInternalInstance } from 'vue';
setup(){
// ctx 得到普通对象
// proxy得到响应式对象
// 推荐使用proxy
    const { proxy } = getCurrentInstance() as ComponentInternalInstance
    proxy!.$forceUpdate()
}
</script>

参考:https://blog.csdn.net/qq_43291759?type=blog