Vue重新渲染页面

vue重新渲染组件第一种使用vue内置的forceUpdate方法this.$forceUpdate()//这不会更新您拥有的任何计算属性,调用forceUpdate只会强制重新渲染视图第二种在元素上绑定一个key,当key修改时,该DOM元素就会重新渲染<template><div :key="once"></div></template>expo

风也曾吹过我_

13108人浏览 · 2022-01-19 18:20:59

风也曾吹过我_ · 2022-01-19 18:20:59 发布

vue重新渲染组件

第一种

使用vue内置的forceUpdate方法

this.$forceUpdate()  //这不会更新您拥有的任何计算属性,调用forceUpdate只会强制重新渲染视图

第二种

在元素上绑定一个key,当key修改时,该DOM元素就会重新渲染

<template>
	<div :key="once"></div>
</template>
export default{
	data(){
		return{
			once:0,
		}
	},
	methods:{
		forceRerender(){
			this.once +=1
		}
	}
}