element表格自定义表头，slot=“header“内，数据不更新的问题

element 官网上 slot=“header”，这种写法，template 内不能获取到provinceName 和cityName的值，打印出来的一直是初始值，将slot=“header” 改成#header ，就可以了

<el-table-column >
 <template #header>
              <ul>
                  <li class="tebleHeader">省份</li>
                  <li v-for="(item,index) in 22" :key="index" :class="'tebleHeader'+index">
                    <template v-if="provinceName !== '全国'">{{provinceName}}-{{cityName}}</template>
                    <template v-else>{{provinceName}}</template>
                    </li>
                </ul>
          </template>
</el-table-column>

export default{
	data(){
		return{
			provinceName:"全国",
			cityCode: '',
		}
	},
	methods:{
		 changeShow(){ 
	     	this.provinceList.map((item)=>{//获取到当前的省份name
	        if (item.provinceCode == this.provinceCode) {
	          this.provinceName = item.provinceName
	          if (item.children) {
	            this.cityList = item.children
	            this.cityName = '全部'
	          }
	        }
	      })
	      this.cityList.map((item)=>{//获取到当前查询的市name
	        if (item.cityCode == this.cityCode) {
	          this.cityName = item.cityName
	        }
	      })
		    },
		}
	}