To Be Simple, element UI 기반 기능 확장 구성 요소 시리즈 1 의 Table 편

프로젝트 주소: tbs - ve - template
머리말
일상적인 개발 과 결합 하여 상용 기능 을 밀봉 하여 개발 효율 을 높이다.유인원 형제들 도 시간 이 있 으 면 여자 표를 약속 하고 남자 표를 놀 리 며 자신 이 하고 싶 은 일 을 하 게 하 세 요. 매일 사무실 에서 바퀴 를 만 들 지 마 세 요!

1. 통용 테이블

사고의 방향
easy - ui 와 같은 table 로드 방식
환경 약술
개발 프레임 워 크: vue - admin - template 기반
github:https://github.com/PanJiaChen...
JS 패키지 관리 도구: Yarn
설치 방법:https://www.cnblogs.com/xiang...
프로젝트 시작: 첫 번 째 단계: yarn install 모든 의존 패키지 다운로드 두 번 째 단계: yarn run dev 모든 의존 패키지 다운로드 세 번 째 단계: 접근http://localhost:9528
프로젝트 구조
설명: 코드 가 너무 길 어서 탐색 하기 어렵 지 않도록 vue 코드 와 js 코드 를 분리 하여 편집 합 니 다.
1. 통용 테이블
효과 보이 기
지원 형식
유형: | | 사용법
관련 속성 테이블 속성:
매개 변수
설명 하 다.
유형
선택 값
기본 값
listLoading
애니메이션 효과
boolean
—
true
columns
table 의 열 (column) 설정 대상 입 니 다. 더 자세 한 내용 은 열 (column) 속성 을 참조 하 십시오.
array
—
—
ui
table 효과 설정 대상 을 표시 합 니 다. 자세 한 내용 은 열 (ui) 속성 을 참조 하 십시오.
array
—
—
data
데이터 집합 을 표시 합 니 다. 일반적으로 원 격 으로 데 이 터 를 가 져 온 후에 값 을 부여 합 니 다.
array
—
—
page
table 페이지 설정 대상, 더 자세 한 내용 은 열 (page) 속성 을 참조 하 십시오.
array
—
—
테이블 열 (열) 속성:
매개 변수
설명 하 다.
유형
선택 값
기본 값
label
열 제목 텍스트
string
—
—
field
열 필드 이름, data 속성 이름 과 대응 합 니 다.
string
—
—
width
열의 폭
number
—
—
showtype
열의 형식, normal: 텍스트 형식
string
normal、http、file、image
normal
filter
필터, easyui 의 formatter 속성 과 유사 하여 형식 데이터 에 사용 합 니 다.
string
—
—
테이블 스타일 (ui) 속성:
매개 변수
설명 하 다.
유형
선택 값
기본 값
tableHeight
테이블 높이
string、number
—
—
tableWidth
테이블 너비
string、number
—
—
테이블 페이지 (page) 속성:
매개 변수
설명 하 다.
유형
선택 값
기본 값
total
총 항목 수
number
—
—
listQuery
페이지 매개 변수, listQuery: {page: 현재 페이지, limit: 각 페이지 항목 수}
number
—
—
문제 피드백
사용 중 에 어떤 문제 가 있 으 면 저 에 게 피드백 을 주 십시오. 다음 과 같은 연락처 로 저 와 교류 할 수 있 습 니 다.

QQ: 375766253

메 일:[email protected]