vue 如何动态的添加dom元素？

Question

数据结构是这样的

想要通过innerHTML动态的添加values_这个里面的元素
最好添加的格式是下面这样

有什么好的办法吗

Answer 1

为啥要用innerHTML，这用template也可以实现

<Popup>
    <ul>
        <template  v-for="(v,k) in feature.values_">
            <li v-if="k != 'geometry'" :key="k">{{k}}:{{v}}</li>
        </template>
    </ul>
</Popup>