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,639评论 0 6
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,082评论 0 29
  • vue 2.0 渐进式框架 MVC 单向通信 > m:model 数据层 保存数据 > v:view视图层 用户界...
    web前端ling阅读 757评论 0 0
  • 今天是正月二十五,是爸爸的忌曰,爸爸走了四年,彷佛是昨天一样的近,而兄弟姐妹间的往来却随爸爸远去。怀念父亲...
    尘缘1227阅读 510评论 0 1
  • 青春在这里
    梁子仗剑走天下阅读 306评论 1 4