vue-listview

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #typescript #llm #machine-learning #macos #java #windows #vue #mcp #openai #open-source

(★ 24)

No description available.

vue-listview Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vue Listview

[![CI-CD](https://github.com/laomao800/vue-listview/actions/workflows/ci.yml/badge.svg?branch=master)](https://github.com/laomao800/vue-listview/actions/workflows/ci.yml)
[![Coverage Status](https://coveralls.io/repos/github/laomao800/vue-listview/badge.svg?branch=master)](https://coveralls.io/github/laomao800/vue-listview?branch=master)

> 本分支为 Listivew v2.x 版本，v1.x 相关文档请查阅 [1.x](https://github.com/laomao800/vue-listview/tree/1.x) 。

Vue Listview 为一个基于 [Vue.js 2.x](https://cn.vuejs.org/) 和 [Element-UI](http://element.eleme.io/) 的列表页面类布局组件：

![预览](https://raw.githubusercontent.com/laomao800/vue-listview/master/docs/preview.png)

## 文档 & Demo

- 文档： <https://laomao800.github.io/vue-listview/>
- Demo： <https://laomao800.github.io/vue-listview/demo/layout/all.html>

## 安装

```bash
yarn add @laomao800/vue-listview@next

# OR

npm i @laomao800/vue-listview@next
```

**`element-ui` 作为 peerDependencies 需要在宿主项目中独立安装。**

## 使用

### 局部注册

```vue
<template>
  <Listview />
</template>

### 全局注册

```js
// main.js
import Vue from 'vue'
import Listview from '@laomao800/vue-listview'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(Listview)
Vue.use(ElementUI)
```

### 全局配置

通过 create 方法可对部分 props 默认值进行全局配置，并生成全新的组件。

可用于项目间接口格式不同，或者项目内部有多个不同默认布局等特殊场景。

```js
// main.js
// ...
import { create as createListview } from '@laomao800/vue-listview'

const Listview = createListview({
  validateResponse: res => res.other_success_status,
  pagePosition: 'right',
  // ...
})
Vue.use(Listview)
```

详细说明及支持配置可查看 [create](docs/dev/create.md) 章节

### UMD

演示： [jsfiddle](https://jsfiddle.net/laomao800/92Lvg1rn/4/)

```html
<div id="app">
  <Listview />
</div>

vue-listview

vue-listview Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

vue-listview

vue-listview Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README