Screen adaptation problems and tab status update data problems

The most troublesome problem is the screen adaptation of

Ui library has now generally adaptive, adaptive mainly used as such

<el-row>
  <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
  <el-col :span="8"><div class="grid-content bg-purple-light"></div></el-col>
  <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
</el-row>

: xs = "12": sm = "8": md = "6": lg = "6": xl = "6" 
from small to large display line 2, 3, 4, 4, 4 
if you want to slit the middle 
div padding value outermost layer which then sets div, disposed inside the div

 For example, the kind of circumstances encountered tab tab tab

It's time to set the classification method based on the query type, preferably by

    getMyResource () { 
      getMyResourceData ( the this .sourceType ) .then ((RES) => {
         IF (res.data.code === 0 ) {
           the this .resourceList = res.data.data 
        } 
      }) 
    } 
the data state on inside, this time setting a switch state like 
who has the advantage of this is that when you perform CRUD, and will re-getdata call this method at this time would not have considered is the state