乘风原创程序

  • Vue子组件监听父组件值的变化
  • 2022/4/1 14:43:01
  • 子组件监听父组件值变化

    子组件中利用watch监听父组件值的变化

    // 子组件
    props: ["a"],
    ?? ?watch: {
    ?? ??? ?a(oldvalue, newvalue) {
    ?? ??? ??? ?// oldvalue ?a旧值
    ?? ??? ??? ?// newvalue a新值
    ?? ??? ?}
    ?? ?}

    子组件监听父组件的值同步更新数据

    子组件

    props : [“data”],

    子组件监听

    ?? ?watch:{
    ? ? data : (n ,o) => {//箭头函数 ?不然会发生this改变
    ? ? ? ? console.log(n.img)
    ? ? ? ? this.imgs = n.img
    ? ? ? }
    ?}

    以上为个人经验,希望能给大家一个参考,也希望大家多多支持本教程网。