在 JavaScript Vuejs 中删除最后一个元素中的逗号 [英] Remove comma in the last element in JavaScript Vuejs

问题描述

我想删除 Vue 中最后一个元素中的逗号.但我不知道该怎么做，因为最后一个元素的索引是未知的.

I want to remove comma in the last element in Vue. But I dont know how to do that because the index of the last element is unknown.

<td v-if="category.sub_category.length > 0"> 
                      <template v-for="cat in category.sub_category">
                        {{ addComma(cat.subcategory_name) }}
                      </template>
                    </td>

addComma(subCat) {
  let elements = [];
  elements.push(subCat);
  console.log(elements);
  
  if (elements != ""){
    elements += ", ";
  }

  return elements;
},

这是上面console.log(elements)的结果.

这是上面所有代码的结果

And this is the result of all code above

推荐答案

这应该可行

<td v-if="category.sub_category.length > 0">
      {{category.sub_category.map(({subcategory_name}) => subcategory_name).join(', ')}}
</td>

我很想将它移动到计算中 - 保持标记干净

I'd be tempted to move it to a computed though - keeps markup clean

<td v-if="category.sub_category.length > 0">
      {{subcats}}
</td>


computed: {
  subcats() {
    return this.category.sub_category.map(({subcategory_name}) => subcategory_name).join(', ');
  }
}

这篇关于在 JavaScript Vuejs 中删除最后一个元素中的逗号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！