vue 中 父組件對子組件設置v-if 屬性應注意

比如 :

<add-roles? v-if="flag"? :id="current_id" ></add-roles>

有個函數把flag 設置為true 子組件顯示

? look_role(id){

? ? ? ? ? this.flag = true

? ? ? ? ? this.current_id =id

? ? ? ? },

子組件

props:["id"],

watch:{

? 'id':function(newVal,oldVal){

? ? console.log("sdfsadf",newVal)

? ? ? ? ? },

你會發現根本監聽不到 id 的變化

這是因為v-if 會影響 子組件的生命周期 導致watch 不起作用

把 v-if 換成 v-show 就解決了。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • # 傳智播客vue 學習## 1. 什么是 Vue.js* Vue 開發手機 APP 需要借助于 Weex* Vu...
    再見天才閱讀 3,609評論 0 6
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內容,還有我對于 Vue 1.0 印象不深的內容。關于...
    云之外閱讀 5,075評論 0 29
  • vue 2.0 漸進式框架 MVC 單向通信 > m:model 數據層 保存數據 > v:view視圖層 用戶界...
    web前端ling閱讀 749評論 0 0
  • 今天是正月二十五,是爸爸的忌曰,爸爸走了四年,彷佛是昨天一樣的近,而兄弟姐妹間的往來卻隨爸爸遠去。懷念父親...
    塵緣1227閱讀 510評論 0 1
  • 青春在這里
    梁子仗劍走天下閱讀 304評論 1 4