La vigilancia del subcomponente VUE no se activa

Directorio de artículos

1. Causa

La introducción de componentes secundarios en el componente principal y la introducción del componente secundario en el diálogo es un cuadro de viñetas.

    a. prop:['flag']
    
    b.子组件是一个dialog弹框。
    
    c. 现在的效果是:刷新页面,第一次的弹框出现,将弹框关闭之后,再次点击,弹框不出现。    每次传递给子组件的flag值是一样,此时就不会触发子组件里面的  watch:{ flag: 'changeFlag' }  
指定的changeFlag方法。

2. Solución

a.父组件初始化一个字段:openDetailDialog: false
b.通过以下方式传递给子组件
open-detail-dialog="openDetailDialog"

Inserte la descripción de la imagen aquí
c. Recepción de subcomponentes. De esta manera activando el método

Inserte la descripción de la imagen aquí

d. 关闭子组件弹框时需要注意:

Inserte la descripción de la imagen aquí

e.通过$emit给父组件通知一个事件,父组件接收事件并作出处理,在处理的方法里面对this.openDetailDialog的值取反,

Inserte la descripción de la imagen aquí

3. Resumen de ideas

Watch对应的监听方法不被触发,因为watch监听的key对应的 值没有发生变化, 所以加一个临时的变量,然后通过对其取反,来保证每一次watch监听的值与上一次不同,从而是watch事件生效。

Supongo que te gusta

Origin blog.csdn.net/wangleisuiqiansuiyue/article/details/108936990
Recomendado
Clasificación