限制v-html中渲染出来的内容长度

首先项目是一个nuxt框架，接口中返回的articleData.content是一个需要放在v-html中渲染才能正常展示的页面，因为需要加入一个未登录只能预览的功能，我最开始的方式是：

 v-html="articleData.content.length>1500?articleData.content.substr(0, 1500) + '...':articleData.content"

但是这种写法在使用npm run generate命令打包以后，会报出错误:

TypeError: Cannot read property 'length' of undefined

解决方法中提到：排除 js 内的 所有的xxx.length 的变量是否是数组类型。

由于articleData.content并不是一个数组，所以引起了错误，而我确实需要对内容长度进行限制，所以进行如下改动：

 

在mounted中：

 这样就可以实现对内容长度进行限制，并且在打包时不会报错！