vue 另外一种根据\n分解一篇文章，并且添加首行缩进的方法

原理是根据\n将一篇文章分成不同的字符串压到一个数组当中，循环这个数组，给数组的每一项增加首行缩进的css样式就可以啦

content是带\n的一篇文章

arr是分解后存字符串的数组

lastContent是最后我们输出带首行缩进和换段的最终结果

话不多说上代码

let arr = content.split(/[\n]/)

这行代码就已经根据\n将一篇文章分解成多个字符串啦

对arr数组中的每一项增加css样式就可以啦

for (let i = 0 ; i < arr.length;i++){
    let addContent = '<p style="text-indent: 2em">' + arr[i] + '</p>'
    this.lastContent= this.lastContent + addContent
}

这样的话就可以啦

最后的lastContent就是我们需要的首行缩进和换段的结果啦，显示的话记得用v-html哈，因为别的方法可能解析不了html格式

切记：一定要对lastContent记得初始化清空，不然没点一次相当于多了一个lastContent内容

如果觉得有帮助的话，给个赞吧，让我早点升级呀~