Javascript 如何使用Vue筛选器截断文本？

我有一个Vue过滤器，当我的文本变得太长时可以截断它。然而，我无法让它工作，也不知道为什么。欢迎任何帮助

var app = new Vue({
  el: '#app',
  data: {
    text: 'Bark bark and a woof woof'
  }
})

Vue.filter('truncate', function (value, size) {
  if (!value) return '';
  value = value.toString();

  if (value.length <= size) {
    return value;
  }
  return value.substr(0, size) + '...';
});

var-app=新的Vue({
el:“#应用程序”，
数据：{
文字：“树皮和汪汪”
}
})
Vue.filter（'truncate'，函数（值、大小）{
如果（！value）返回“”；
value=value.toString（）；
如果（value.length我只是检查你的小提琴，原因是你需要在创建Vue对象之前声明过滤器

Vue.filter('truncate', function (value, size) {
  if (!value) return '';
  value = value.toString();

  if (value.length <= size) {
    return value;
  }
  return value.substr(0, size) + '...';
});

var app = new Vue({
  el: '#app',
  data: {
    text: 'Bark bark and a woof woof'
  }
})

Vue.filter（'truncate'，函数（值、大小）{
如果（！value）返回“”；
value=value.toString（）；
如果（value.length我只是检查你的小提琴，原因是你需要在创建Vue对象之前声明过滤器

Vue.filter('truncate', function (value, size) {
  if (!value) return '';
  value = value.toString();

  if (value.length <= size) {
    return value;
  }
  return value.substr(0, size) + '...';
});

var app = new Vue({
  el: '#app',
  data: {
    text: 'Bark bark and a woof woof'
  }
})

Vue.filter（'truncate'，函数（值、大小）{
如果（！value）返回“”；
value=value.toString（）；
if（value.length）那么您得到的当前结果是什么？它仍然返回全文？是的，它仍然返回全文。那么您得到的当前结果是什么？它仍然返回全文？是的，它仍然返回全文。