vue 字符串含有标签，截取文字为 文字+ ‘...’

<template>
  <div>
    <p>{{ filteredContent }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '这里是含有<div>标签</div>的字符串，我们需要<br>过滤掉标签来计算字数。'
    };
  },
  computed: {
    filteredContent() {
      let contentWithoutTags = this.content.replace(/<[^>]*>/g, '');
      return this.trimString(contentWithoutTags, 20);
    }
  },
  methods: {
    trimString(str, maxLength) {
      if (str.length <= maxLength) {
        return str;
      }
      return str.substring(0, maxLength) + '...';
    }
  }
};
</script>