用“ +”连接/合并模板元素

Question

是否可以串联模板元素？我有这个模板，这是一个循环，但是我不知道如何连接/合并多个项目。如果将+放在<kbd>标签内，则会在末尾得到一个额外的+，它位于kbd标签内（我希望在标签外）。

<template>
  <kbd v-for="(v, i) in item" :key="i">{{ v }}</kbd>
</template>

我正在使用的数据看起来像这样（我实际上是在使用商店）：

data: () {
  return {
    item: [ 'a', 'b', 'c' ]
  }
}

我正在寻找的结果是：

<kbd>a</kbd> + <kbd>b</kbd> + <kbd>c</kbd> 

Answer 1

足够容易。基于索引的条件渲染。与此类似的东西应该起作用：

<template v-for="(v, i) in item">
  {{i > 0 ? ' + ' : ''}}<kbd :key="i">{{ v }}</kbd>
</template>