Vue v-if 在值更改时不刷新

时间:2021-02-23 14:17:21

标签: vue.js vuetify.js vuex

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

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

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

Checked 状态是每个公式一个布尔值的布尔数组。 如果用户检查状态正确更新并且 Zell_Open 状态变为真

Heres my whole state after checking

问题是在检查并将 Zell_Open 状态设置为 true 后应该显示的其余公式没有显示。 如果我手动(使用 vue 开发工具)更改 PAGENUMBER 状态,则它会正确显示。

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

另外我应该提到它总是只有一个公式显示了一个具有页码数组位置的公式。

1 个答案:

答案 0 :(得分:0)

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

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

相关问题