Ionic 如何在范围更改时更新v-for Vuejs

yvt65v4c 于 2023-04-27 发布在 Ionic

关注(0)|答案(1)|浏览(127)

我试图有一个按钮，可以添加额外的副本时，点击一个组件，和最好的方式，我可以图做到这一点是通过一个范围内循环和更新该范围。我有什么下面是我尝试。

<Component v-for="index in count" :key="index"/>
      <button @click="count++">Add Component</button>

然而，这不起作用，在计数正确更新时，添加组件不会出现。我不知道如何解决这个问题，或者即使这是正确的方式来做我试图做的事情。我也尝试过this.$forceUpdate()，但没有运气。任何帮助将是有帮助的。
谢谢大家。

ionic-framework

来源：https://stackoverflow.com/questions/76088214/how-to-update-v-for-when-range-changes-vuejs

1条答案

按热度按时间

rkttyhzu1#

使用ref作为counter。
https://vuejs.org/guide/essentials/template-refs.html#refs-inside-v-for

<script setup>
import { ref } from 'vue'

const counter = ref(1)
</script>

<template>
  <div v-for="index in counter">
    Component
  </div>
  <button @click="counter++">Add Component</button>
</template>

赞(0）回复(0）举报 2023-04-27

我来回答

Ionic 如何在范围更改时更新v-for Vuejs

1条答案

相关问题

热门标签

最新问答