vue强制刷新,和数组赋值
引入组件,页面初始数据之后,组件视图可能不会发生变化,可以使用$nextTick方法进行处理。数组在页面上渲染数据,如果之后又对数组进行操作,可能打印的结果是正确的,但是页面数据没有变化就需要使用。
·
引入组件之后有交互效果, 页面初始数据之后,组件视图可能不会发生变化,可以使用$nextTick方法进行处理
//引入的组件
<Popup v-if="isShow" :isShow="isShow" :fontList="fontList"/>
//强制刷新命令
this.isShow = false
this.$nextTick(()=>{
this.isShow = true
})
数组在页面上渲染数据,如果之后又对数组进行操作,可能打印的结果是正确的,但是页面数据没有变化就需要使用
//改变整个数组
this.$set(this,'data',data)
//改变数组中某一项变化
this.$set(this.data,index,item)
//改变数组中某一项中的值变化
this.$set(this.data[index],'name','你好')
//$set 如果不生效。 可以在通过this.$delete(obj,key) 先删除属性,然后$set赋值
this.$delete(this.data,'name')
this.$set(this.data,'name','哈哈哈')
更多推荐
已为社区贡献1条内容
所有评论(0)