v-for 输出的title或者content太长了 如何缩小长度啊?

如题 用v-for输出的内容太长了,想要输出预览或者摘要,改如何做?

不太理解想要的效果,不過如果是想要只取部分的話,vue有個內建的filter可以實現
https://vuejs.org/api/#limitBy

如果是想要取文字摘要的話,可以自己寫個很簡單的filter處理
https://jsfiddle.net/a62q9zc4/1/

Vue.filter('except', function (value, number) {
  return value.slice(0, -(value.length - number)) + '...'
})
Tomoe

不太理解想要的效果,不過如果是想要只取部分的話,vue有個內建的filter可以實現
https://vuejs.org/api/#limitBy

如果是想要取文字摘要的話,可以自己寫個很簡單的filter處理
https://jsfiddle.net/a62q9zc4/1/

Vue.filter('except', function (value, number) {
  return value.slice(0, -(value.length - number)) + '...'
})
axhello

@Tomoe 嗯~ 就是这样的,我有一个数组里面有title字段还有content字段 然后我用v-for循环输出后,发现展示出来的内容太长了,想输出一小段内容作为展示。这个filterBy可以实现么?

Tomoe

@axhello 更新了上面回文,可以看一下,按你說的做了個小demo
https://jsfiddle.net/fkdz3keu/1/
(剛網址貼錯了)
是這樣嗎?

axhello

@Tomoe 恩!多谢了!是这样的,就是这种效果…