更改值时Vue v-if不刷新答案

【问题标题】：Vue v-if doesn't refresh when value is changed更改值时Vue v-if不刷新
【发布时间】：2021-05-25 19:52:57
【问题描述】：

我创建了一个公式，用户可以在其中填写一个到无限的 Forumlars，为此我做了一个状态，公式数据存储为对象数组。一个 forumluar 是一个对象，当用户创建一个新的公式时，一个新的对象被推送到数组中。

每个公式都以一个字段开头，填写后会检查它是否已经存在，如果不存在，则应打开其下方的另一个字段。

<template v-if="$store.state.Zell_Open[$store.state.PAGENUMBER]===true">

Checked 状态是每个 Formular one Bool 的布尔数组。如果用户检查状态正确更新并且 Zell_Open 状态变为 true

问题是，在检查并将 Zell_Open 状态设置为 true 后应该显示的公式的其余部分没有显示。如果我手动（使用 vue 开发工具）上下更改 PAGENUMBER 状态，则其显示正确。

在我添加 [$store.state.PAGENUMBER] 部分之前，当 Zell_Open 状态不是一个数组而是一个布尔值（起初它应该只是一个公式而不是无限）时，它工作得非常好。

我还应该提到，它总是只有一个公式显示了具有 Pagenumber 数组位置的公式。

【问题讨论】：

【解决方案1】：

如果您的意思是工具，请使用 v-show 而不是 v-if

或者有时 vue 模板不接受其中的条件

【讨论】：

我用 v-show 试过了，但还是同样的问题。条件已满足，但未显示满足条件时应显示的框。当我再次上下手动更改页码状态时，它会正确显示。感觉在页码没有改变之前它没有更新。