vue中v-for和v-once一起使用报错

Question

是不能一起使用吗？

Answer 1

可以，例如下面的方式，可以把你的使用方式贴出来看看。

<template>
    <ul>
      <li v-for="i in list" v-once>{{i}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      list:[1,2,3,4]
    }
  }
}
</script>

Answer 2

错误提示说的很明白了

v-once can only be used inside v-for that is keyed

你需要给你的 v-for 设置一个 key