vue文章标题字数过多，用...隐藏过多的字

最新推荐文章于 2024-01-15 15:33:34 发布

CT不失眠

最新推荐文章于 2024-01-15 15:33:34 发布

阅读量370

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_48854245/article/details/120887404

版权

<div v-for="item in dataList" :key="item.id">
<div>{{item.title}}</div>
</div>
<script>
data () {
    return {
    dataList:[];//储存数据
    parameter:{}//参数
}
}
methods:{
    //获取数据
    const { res } = await this.$api.homepage.getData(this.parameter)
    for (const i of res.data) {
        if (i.title.length > 15) {
            i.title = i.title.slice(0, 15) + '...'
      }
    this.dataList = res.data
}
</script>