父子组件传值，子组件反显问题

Ann_R

已于 2024-05-20 15:25:19 修改

阅读量293

点赞数 2

文章标签：前端 javascript html

于 2024-04-08 10:39:10 首次发布

本文链接：https://blog.csdn.net/ann_52547/article/details/137498733

版权

1、

this.$nextTick(()=>{
	//更新dom元素
})

2、

子组件上添加 v-if 条件用于反显

3、

子组件添加 :key=“indexKey”

在data()中定义 indexKey

每次传值 indexKey++


<zi-zu-jian :key="indexKey"></zi-zu-jian>


    data(){
      return {
      	indexKey:0,
      }
    }

	methods:{
		xiugaizhi(){
			indexKey++
		}
	}

4、实时监听

 watch: {
    ziValue: {  //子组件中的值
      handler(newValue, oldValue) {
        this.ziValue = newValue 
      },
      deep: true,
      immediate: true
    },
 }