data(){
  return {
    /**表格列信息 */
    columnConfigs:[],
    /**查询条件树状结构 */
    hiQueryParams:null,
  }
 },
 method:{
  /**
   * 监听高级查询参数编号
   */
    onHiQueryParamsChange(hiQueryParams){
      this.hiQueryParams=hiQueryParams
      this.searchTableDatas();
    }, 
 }

  <mdp-hi-query :column-configs="columnConfigs" v-model="hiQueryParams" @change="onHiQueryParamsChange"/>

 data(){
  return {
    /**表格列信息 */
    columnConfigs:[
      {property:'userid',label:'用户',slot:'userid',slot2:'userid2'}, 
    ],
    /**查询条件树状结构 */
    hiQueryParams:null,
  }
 },
 method:{
  /**
   * 监听高级查询参数编号
   */
    onHiQueryParamsChange(hiQueryParams){
      this.hiQueryParams=hiQueryParams
      this.searchTableDatas();
    }, 
 }
```html
  <mdp-hi-query :column-configs="columnConfigs" v-model="hiQueryParams" @change="onHiQueryParamsChange" btn-name="配置条件">
    <template #userid="slotProps" >
      <mdp-select-user v-model="slotProps.data.sqlVal"/>
    </template> 
    <template #userid2="slotProps" >
      <mdp-select-user v-model="slotProps.data.endVal"/>
    </template> 
  </mdp-hi-query>