vue-snip是一个简单的Vue.js指令，可将您的长文本截断为特定的行数。

安装和下载：

# Yarn
$ yarn add vue-snip

# NPM
$ npm i vue-snip

如何使用它：

1.导入并注册vue片段。

import Vue from 'vue'
import VueSnip from 'vue-snip'
Vue.use(VueSnip)

2.确定最大行数，如下所示：

// Using CSS method
<p v-snip="3"> ... </p>

// Using JS method
<p v-snip:js="3"> ... </p>

// OR
<p v-snip:[method]="maxLines"> ... </p>
export default {
  data () {
    return {
      method: 'js',
      maxLines: 3
    }
  }
}

3.可用选项：

Vue.use(VueSnip,{
  directiveName: 'snip',
  snipMethod: 'css', // or js
  maxLines: 3,
  separators: ['. ', ', ', ' ', ''],
  ellipsis: '.\u200A.\u200A.',
  debugMode: false,
  exposeSnipFunction: false,
  snipFunctionName: 'snipText'
})

---

官网：https://github.com/ajobi/vue-snip

演示：https://www.vue365.cn/code_demo.php?id=4474

GitHub下载：https://github.com/ajobi/vue-snip/archive/refs/heads/master.zip