資訊專欄INFORMATION COLUMN
摘要：，基于的表格組件，主要解決大數(shù)據(jù)量的表格渲染性能問題，使用繪制表格，同時(shí)支持類似的批量選中，復(fù)制黏貼刪除，實(shí)時(shí)編輯等功能，目前還在不斷努力完善中，希望大家支持下，你們的就是我的動(dòng)力。有任何建議或幫助，可以郵件聯(lián)系。
vue-grid-canvas
Install NPM / Yarnvue component，基于vue的表格組件，主要解決大數(shù)據(jù)量的表格渲染性能問題，使用canvas繪制表格，同時(shí)支持類似excel的批量選中，復(fù)制黏貼刪除，實(shí)時(shí)編輯等功能，目前還在不斷努力完善中，希望大家支持下，你們的star就是我的動(dòng)力。有任何建議或幫助，可以郵件聯(lián)系:[email protected]。
Install the package:
npm install vue-canvas-grid --save
Then import it in your project
import Vue from "vue"
import Grid from "vue-canvas-grid"
Vue.component("grid", Grid)
Usage
Simply use it like so:
公式（‘=’開頭，只支持toolbar上輸入框填寫）：
Example:
=include(1-3,5)=>h*1.1 & include(4,6--)=>i*1.2
1，支持多個(gè)公式拼接（‘&’）
2，支持區(qū)域自定義選擇（‘區(qū)域=>公式’）
3，區(qū)域選擇支持include，exclude（include可以省略，exclude可簡寫‘!’）
4，區(qū)域選擇括號(hào)內(nèi)內(nèi)容，‘-’為區(qū)間，‘,’為并集
5，選中單列區(qū)域自動(dòng)顯示批量編輯按鈕，點(diǎn)擊自動(dòng)填寫公式
Description1，通過canvas實(shí)現(xiàn)，能處理萬級(jí)數(shù)據(jù)
2，類似excel，選中單元格并實(shí)時(shí)編輯
3，復(fù)制黏貼，支持批量，從excel復(fù)制，復(fù)制到excel都可以
4，撤銷／前進(jìn)
5，checkbox勾選框，全選功能，可開關(guān)
6，固定列（目前只支持固定到右側(cè)）
7，刪除單元格，支持批量
7，支持文本的重新計(jì)算渲染（通過計(jì)算的單元格不支持實(shí)時(shí)編輯）
8，支持基礎(chǔ)按鈕顯示及點(diǎn)擊事件
9，隱藏列功能，可開關(guān)
10，基礎(chǔ)公式計(jì)算
TODO：1，由于使用canvas不支持瀏覽器的檢索功能，以后加上表格的搜索功能
2，行列拖拽
3，基本公式計(jì)算（部分）
運(yùn)行項(xiàng)目DEMOnpm install npm run dev
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/88961.html
摘要：預(yù)覽因?yàn)轫?xiàng)目是基于做的，本身就提供了的預(yù)覽組件，使用起來也簡單，如果業(yè)務(wù)需求需要放大縮小，這個(gè)組件就不滿足了。 需求分析 業(yè)務(wù)要求，需要一個(gè)圖片上傳控件，需滿足 多圖上傳 點(diǎn)擊預(yù)覽 圖片前端壓縮 支持初始化數(shù)據(jù) 相關(guān)功能及資源分析 基本功能先到https://www.npmjs.com/search?q=vue+upload上搜索有關(guān)上傳的控件，沒有完全滿足需求的組件，過濾后找到...
摘要：前言用有一段時(shí)間了，從用搭建項(xiàng)目一步步配置，到之后的研究動(dòng)效這些，一直想寫些東西記錄一下做個(gè)總結(jié)，剛好趁著有空就整理一下。結(jié)語有新的知識(shí)點(diǎn)會(huì)更新到知識(shí)體系中，總結(jié)和心得體會(huì)會(huì)單獨(dú)寫文章詳述，努力填坑 前言 用vue有一段時(shí)間了，從用vue-cli搭建項(xiàng)目、一步步配置axios、vuex、vue-router，到之后的研究canvas、動(dòng)效這些，一直想寫些東西記錄一下、做個(gè)總結(jié)，剛好趁著...
摘要：多個(gè)頁簽的顯示，其實(shí)不難，有現(xiàn)成的組件，于是老夫?qū)懘a就是一把梭，擼起袖子就是干，噼里啪啦一頓寫，寫完一測，沒有任何問題，實(shí)在是不要太簡單，丟給產(chǎn)品預(yù)覽復(fù)制瀏覽器地址到別的地方粘貼，不能正確回顯內(nèi)需要實(shí)現(xiàn)跳轉(zhuǎn)，而且要能返回。 前言 最近收到一個(gè)這樣的需求,要求做一個(gè)基于 vue 和 element-ui 的通用后臺(tái)框架頁,具體要求如下: 要求通用性高,需要在后期四十多個(gè)子項(xiàng)目中使用，...
摘要：文件可以包含模板和樣式塊，因此組件的所有必需代碼都可以存在于單個(gè)文件中。該方法將使用其顏色信息發(fā)布事件，畫布組件將偵聽該顏色信息。包含任意顏色的像素名稱，是包含值的顏色字典對(duì)象。從中使用了來渲染。 原文出處：Quick Introduction to Vue.js?—?Super Mario Pixel Art ::代碼我已經(jīng)歸納在github上：【vue2-pixel-art】:::...
閱讀 1986·2021-11-24 09:38
閱讀 3346·2021-11-22 12:07
閱讀 1918·2021-09-22 16:03
閱讀 1973·2021-09-02 15:41
閱讀 2630·2021-07-24 23:28
閱讀 2220·2019-08-29 13:17
閱讀 1561·2019-08-29 12:25
閱讀 2675·2019-08-29 11:10
