亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

element?table數據量太大導致網頁卡死崩潰如何解決

發布時間:2023-02-27 14:14:13 來源:億速云 閱讀:310 作者:iii 欄目:開發技術

這篇文章主要講解了“element table數據量太大導致網頁卡死崩潰如何解決”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“element table數據量太大導致網頁卡死崩潰如何解決”吧!

前言

做后臺項目時,一次性在表格中加載幾百上千條數據,發現有時頁面會崩潰。究其原因,發現是一次渲染dom太多導致卡頓。

element?table數據量太大導致網頁卡死崩潰如何解決

在此嘗試了多種解決方法,發現最優的就是替換組件,elementUI中的表格組件el-table性能不優,數據量大的時候,尤其是可操作表格,及其容易卡頓。

element?table數據量太大導致網頁卡死崩潰如何解決

1.安裝

npm install umy-ui

2.引入

在main.js中寫入以下內容:

  import Vue from 'vue';
  import UmyUi from 'umy-ui'
  import 'umy-ui/lib/theme-chalk/index.css';// 引入樣式
  import App from './App.vue';
 
  Vue.use(UmyUi);
 
  new Vue({
    el: '#app',
    render: h => h(App)
  });

3.在需要的頁面寫入表格(僅展示關鍵代碼,可根據自己需求添加)

<ux-grid
  border
  keep-source
  ref="plTable"
  show-summary
  :data="form.itemList"
  :edit-config="{ trigger: 'click', mode: 'cell' }"
  max-height="432"
>
  <ux-table-column field="category" title="類別" width="120">
    <template slot-scope="scope">
      <el-select
        size="mini"
        v-model="scope.row.category"
        @change="changeCategory(scope.row.category, scope.rowIndex)"
      >
        <el-option
          v-for="(item, index) in categoryGroup"
          :key="index"
          :value="item.value"
          :label="item.label"
          >{{ item.label }}</el-option
        >
      </el-select>
    </template>
  </ux-table-column>
</ux-grid>

在此解釋我寫項目時遇到和el-table不同的兩點:

  • el-table 中綁定數據的prop和ux-grid中的field對應,label和title對應;

  • change事件中傳遞該行的索引,el-table中用scope.$index,在ux-grid中用scope.rowIndex;

最后解決頁面卡頓崩潰的問題。

感謝各位的閱讀,以上就是“element table數據量太大導致網頁卡死崩潰如何解決”的內容了,經過本文的學習后,相信大家對element table數據量太大導致網頁卡死崩潰如何解決這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

城步| 邵武市| 裕民县| 杨浦区| 林州市| 五寨县| 泸州市| 广灵县| 马鞍山市| 利川市| 洛扎县| 乌审旗| 桃源县| 合阳县| 玉环县| 蒲江县| 织金县| 宝兴县| 内江市| 和平县| 惠水县| 龙南县| 安吉县| 铜山县| 商南县| 垦利县| 阿拉善左旗| 阜新市| 晋宁县| 卢龙县| 井研县| 山西省| 丹棱县| 花莲县| 龙南县| 芒康县| 宁夏| 平果县| 抚顺县| 长沙市| 彭山县|