vue 修改不会实时刷新的数据

<Tabs :animated="false" class="app-tabs-content" name="app-tabs-content" v-model="type" 
	@on-click="changeTabs">
	<TabPane label="三防统计" tab="app-tabs-content" name="populationstats" v-if="sfStati">
	          <SecurityStats @totab="toTab" :tabName="tabName"></SecurityStats>
	</TabPane>
return {
      type: 'populationstats',
      updateData: false,
      tabName: '',//设置初始值

//在methods的方法中,有个方法是切换标签时候调用的,里面加上这段逻辑
 changeTabs (type) {
      this.tabName = type



//SecurityStats 在SecurityStats 组件中先接受这个参数tabName
 props: {
    tabName: {
      type: String
    }
  },
//然后在data里面设置name=populationstats
data () {
    return {
      name: 'populationstats'
    }
  },
//最后在watch函数中设置监听,刷新数据
watch: {
    tabName: {
      handler: function (val, oldVal) {
        if (val === this.name) {
          this.getData()
        }
      },
      immediate: true
    }
  },