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 就解决了。