父子组件传值传过去的数组不能实时更新watch监听

1.父组件

代码如下(示例):

<el-button @click="handleClick(scope.row.equipmentId)" type="text" size="small">查看</el-button>
<add-contact :eqId = 'eqId'></add-contact>

<script>
import addContact from './addContact.vue'
export default {
  name: "addDevice",
  data() {
    return {
      eqId:''
   } 
  },
  components:{
    addContact
  },
  methods:{
    handleClick(id){
      // console.log(id)
      this.eqId = id
      this.dialogVisible = true
    },
  }
}
</script>

2.子组件

代码如下(示例):

<script>
    export default {
        props:['eqId'],
        watch:{
            eqId(eqId){
              // console.log(this.eqId,'789')
              this.getEquipmentFun(eqId);
            }
        },
        created(){
            this.getEquipmentFun(this.eqId);
        }
    }
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值