将字符串附加到v-bind：value

Question

在vue.js中，我有一个像bellow一样的模板：

<template v-for="(item,index) in menuList">
  <MenuItem v-if="item.children.length<=1" class='child' :name="item.children[0].name" :key="item.path">
....

您看到:key="item.path"，我想将index的{​​{1}}添加为如下：

v-for="(item,index) in menuList"

怎么办呢？我想在:key="/abc-1" 之后追加索引。

Answer 1

您可能想尝试“模板文字”

:key="`${item.path}-${index}`"

以下是更多细节。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals