Vue.js评论中的绑定

Question

Knockout.js 的一个非常有用的功能是可以在注释中添加绑定。例如，如果我想要一个 <ul> 标签，其中包含一些动态生成的 <li> 标签加上最后一个 "Add new Item"，在 Knockout.js 中，我可以这样做：

<ul class="list-group">
    <!-- ko foreach: items -->
        <li><a class="list-group-item" data-bind="text: itemtext"></a></li>
    <!-- /ko -->
    <li><a class="list-group-item list-group-item-info" data-bind="click: $root.charactersView.addCharacter">Add new Item</a></li>
</ul>

如何在Vue.js做这样的事情？谢谢

Answer 1

您可以使用 v-for directive 循环遍历列表项，最后只保留 "Add new Item"。

<ul class="list-group">
    <li v-for="item in items">
        <a class="list-group-item" v-text="item.itemtext"></a>
    </li>
    <li>
        <a class="list-group-item list-group-item-info" @click="$root.charactersView.addCharacter">Add new Item</a>
    </li>
</ul>

Vue.js评论中的绑定

Vue.js Bindings in comments

javascript

knockout.js

vue.js