vue重新渲染组件(点击弹出表单效果)
xuexi 2024-06-25 15:03:18 发表在:PHP 查看数:593
问题回顾:

我在组件调用的时候,v-if=true,但是依然没有加载。经过排查,发现因为一样的数据,vue就不会重新渲染,这个时候加一个 :key 并且动态赋值就好了。如代码

<template>
<div @click="xgmm">修改密码</div>
<Edit_user v-if="EditUser" :key="gx" />
</template>
 import Edit_user from '../common/Edit_user.vue'
 import { ref } from 'vue';
 const EditUser = ref(false)
 const gx = ref(0);
 const xgmm =()=>{
    EditUser.value = true;
    gx.value++;
 }
还可以使用随机数
:key="Math.random()" 也是可以实现每次渲染都不同
最近访问时间:2024-12-07 02:28:45
知识库:315条鸣谢:TAY  备案号:蜀ICP备2024090044号