vue重新渲染组件(点击弹出表单效果)
问题回顾:
我在组件调用的时候,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