如何在数组中设置长度字符串答案

【问题标题】：How to set up lenght string in array如何在数组中设置长度字符串
【发布时间】：2020-05-14 21:58:31
【问题描述】：

我不明白我做错了什么，谁能告诉我如何在数组中设置长度字符串我需要修剪产品描述

这是我在 Vue 组件中的代码

<div v-for="product in randomProducts">
  <div>
    <img :src="'/uploads/img/products/' + product.image" alt="Card image cap">
    <div>
      <h4>{{product.price}} UAH</h4>
    </div>
    <div>
      <h4>{{product.name}}</h4>
      <p v-html="product.description">{{product.description.substring(0,3)+".."}}</p>
    </div>
    <div>
      <a href="#">More</a>
      <a href="#"><i class="fas fa-shopping-cart"></i></a>
    </div>
  </div>
</div>

这是我的数组

category_id: 1
created_at: "2020-05-14T16:02:12.000000Z"
description: "<p>New</p><p>New</p> <p>New</p><p>New</p><p>New</p><p>New</p><p>New</p><p>New</p><p>New</p><p>New</p><p>New</p><p>New</p>"
id: 4
image: "hzVjuKyTKw8D.jpeg"
keywords: "New"
name: "New"
price: "200"
slug: "new5ebd6b84337dc"
updated_at: "2020-05-14T16:02:12.000000Z"

【问题讨论】：

标签： vue.js vuejs2 vue-component vuex

【解决方案1】：

首先 - 它不是数组，它是对象。如果你只需要修剪你的字符串，你可以使用通常的 js 字符串函数 - trim():

{{ product.description.trim() }}

否则，如果由于最大长度而需要剪切字符串，则可以使用 substr()：

{{ product.description.substr(0, maxlength) }}

【讨论】：