前端Tabs表单的使用


 

 前端Tabs表单的使用_第1张图片

@tab-click  搜索按钮 

v-model   查询的参数

   字段中配置


              :key="item.dictValue"
        :label="item.dictLabel"
        :name="item.dictValue"
        v-for="item in statusOptions">

       
         
         
         
           
         

         
         
         
         
         
           
         

       

     
   

@tab-click  

      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },

 v-model

      // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          name: null,
          imgUrl: null,
          bannerSort: null,
          status: null,
          linkType: '1',
          linkId: null,
          linkUrl: null,
        },

    

前端Tabs表单的使用_第2张图片

你可能感兴趣的:(前端)