vue页面引用组件时，子组件接口返回数据正常，页面不刷新问题

接口数据返回正常，但是视图上不更新的原因是组件第一次挂载了，然后没有销毁的原因，两种解决办法。

第一种：因为我的组件是在弹框里边用的，所以用v-if控制一下；

    <el-dialog
      title="污染物设置"
      :visible.sync="conopen"
      width="1000px"
      append-to-body
    >
      <div class="conname">排污口名称：{{ pollTitle }}</div>
      <div class="tablebox">
        <Pollutant-Setting
          :drainOutletId="pollquery.drainOutletId"
          v-if="conopen"
        ></Pollutant-Setting>
      </div>
    </el-dialog>

第二种：在组件页面用watch监听下传过去的值，在调用方法

  watch:{
    drainOutletId(){
      this.getList();
    }
  },