el-table中嵌入el-input数据量大的时候input会卡顿，怎么解决

Question

`

 <el-table-column align="center" label="实测纬度" prop="s" width="240">
          <template slot-scope="scope">
            <!-- <el-input v-model="scope.row.factLatitude" @change="latChange(scope.row)"></el-input> -->
            <div class="multi-input">
              <el-input v-model="scope.row.s[0]" @change="inputChange(scope.row)">
                <span slot="suffix">°</span>
              </el-input>
              <el-input v-model="scope.row.s[1]" @change="inputChange(scope.row)">
                <span slot="suffix">′</span>
              </el-input>
              <el-input v-model="scope.row.s[2]" @change="inputChange(scope.row)">
                <span slot="suffix">″</span>
              </el-input>
            </div>
          </template>
        </el-table-column>
        <el-table-column align="center" label="实测经度" prop="s" width="240">
          <template slot-scope="scope">
            <!-- <el-input v-model="scope.row.factLongitude" @change="longChange(scope.row)"></el-input> -->
            <div class="multi-input">
              <el-input v-model="scope.row.factLongitude" @change="inputChange(scope.row)">
                <span slot="suffix">°</span>
              </el-input>
              <el-input v-model="scope.row.factLongitude" @change="inputChange(scope.row)">
                <span slot="suffix">′</span>
              </el-input>
              <el-input v-model="scope.row.factLongitude" @change="inputChange(scope.row)">
                <span slot="suffix">″</span>
              </el-input>
            </div>
          </template>
        </el-table-column>

`

Answer 1

分页吧dom树内元素多了怎么都会卡