代码之家  ›  专栏  ›  技术社区  ›  user7693832

将字符串附加到v-bind:值

  •  0
  • user7693832  · 技术社区  · 6 年前

    在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 v-for="(item,index) in menuList" 就像贝娄一样:

    :key="/abc-1"
    

    怎么办?我想在 item.path

    1 回复  |  直到 6 年前
        1
  •  3
  •   Onur Özkan    6 年前

    你可能想试试“模板文字”

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

    这里有更多的细节。

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