javascript - 如何在 vue.js 中渲染列表？

Question

我正在尝试使用 vue.js 呈现列表。数据来自 api 调用。

列表渲染正常，直到我尝试在 li 标签中添加 data-feature_id="@{{searched_feature.id}}" 。添加时出现错误:

[Vue warn]: Error compiling template:......

<div class="search_feature_select">
    <ul>
        <li v-for="searched_feature in searched_features" data-feature_id="@{{searched_feature.id}}" @click="add_to_features_list">
        @{{searched_feature.name}}
        </li>
    </ul>
</div>

如何将 searched_feature.id 放入 data-feature_id 属性中？

Answer 1

需要在属性前加上:

<div class="search_feature_select">
    <ul>
        <li v-for="searched_feature in searched_features" :data-feature_id="searched_feature.id" @click="add_to_features_list">
        {{searched_feature.name}}
        </li>
    </ul>
</div>