Vue-abbr NPM | npm.io

Vue-Abbr

Description

A component for vue.js . Used for omitting the middle fragment in the single-line text. It is also adaptive when dragging the window screen.

In the space where the display width is limited, it can show the head and tail of a string of characters. Through this way, it will be easier to infer the meaning of the string.

The component is exactly what you need ！

Feature

A novel method to omit single-line text
Good compatibility

Install

NPM

npm install vue-abbr

Usage

props

Prop	Type	Required	Description
text	String	✓	This is the showing string
cut	Number	*	Which means the position where to cut the string. Its default value is zero, it will cut the string in the middle.

mount with global

// require lib
import Vue from 'vue'
import VueAbbr from 'vue-abbr'

// require styles
import 'vue-abbr/dist/vue-abbr.min.css'

// you can set default global options and events when use
Vue.use(VueAbbr)