對v-html的文字做超出顯示省略號

需求說明：使用v-html展示的效果為有格式的樣式，需要做成不換行並超出顯示...，結果如下圖：

 html代碼：

<p v-html="$options.filters.ellipsis(item.title)"></p>

js代碼：

filters: {
    //當渲染的文字超出9字后顯示省略號
    ellipsis(value) {
      value = value.replace(/<.*?>/ig,"")       //把v-html的格式標簽替換掉
      if (value.length > 30) {
        return value.slice(0, 30) + "...";
      }else{
        return value
      }
      ;
    }
  },