vue 使用 this.$forceUpdate()页面没有刷新
所遇问题:使用了select、input组件,v-model后值更新了,页面数据未同步@change事件调用this.$forceUpdate(),没有效果解决办法:强制组件重新渲染// 封装个forceUpdate方法// 子组件在@change调用 this.$emit('forceUpdate')// 父组件:<Son:key="refresh"@forceUpdate="_force
·
所遇问题:
- 使用了select、input组件,v-model后值更新了,页面数据未同步
- @change事件调用this.$forceUpdate(),没有效果
解决办法:强制组件重新渲染
// 封装个forceUpdate方法
// 子组件在@change调用 this.$emit('forceUpdate')
// 父组件:
<Son :key="refresh" @forceUpdate="_forceUpdate" />
//================
data() {
return{
refresh:-1;
}
},
methods:{
_forceUpdate(){
this.refresh = Math.random() ;
}
}
// 总结:v-bind key或者v-if 或其他xx都可以,能够触发vue的diff就行
更多推荐
已为社区贡献3条内容
所有评论(0)