VUEサブコンポーネントの監視がトリガーされない

記事のディレクトリ

1. 起因

親コンポーネントへの子コンポーネントの導入、およびダイアログへの子コンポーネントの導入は、箇条書きです。

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

2.解決策

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

ここに画像の説明を挿入
c。サブコンポーネントの受信。これにより、メソッドがトリガーされます

ここに画像の説明を挿入

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

ここに画像の説明を挿入

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

ここに画像の説明を挿入

3.アイデアの要約

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

おすすめ

転載: blog.csdn.net/wangleisuiqiansuiyue/article/details/108936990