Vue.js 为什么我不能用v-if隐藏div？

场景：我有两个注册页面的选项。在第二个示例中，我还有几个输入元素，我只想在单击第二个复选框时渲染该div。为此，我编写了一个v-if，但它不能正常工作

（项目位于Vue中）

---

Html和JS文件如上所示。数据在Vue实例中动态更改，这没有问题。问题在于上面提到的条件呈现。

在复选框中，您绑定了一个值checkbox-2

<v-checkbox v-model="checkboxes" label="Kurumsal Üyelik" value="checkbox-2"></v-checkbox>

但是你要找支票箱2

<div v-if="checkboxes === 'checkbox2'">
            <v-text-field
              name="cellPhone"
              label="Cep Telefonu"
              type="text"
              key="cell-phone"
              outlined
              dense
              required
            >
           </v-text-field>

将其更改为：

<div v-if="checkboxes === 'checkbox-2'">
            <v-text-field
              name="cellPhone"
              label="Cep Telefonu"
              type="text"
              key="cell-phone"
              outlined
              dense
              required
            >
           </v-text-field>

它将起作用：）

---

希望这有帮助

我不完全明白你的意思。当我点击复选框2时，它会更新复选框道具，我在上面构建了我的v-if。如果复选框prop等于复选框-2，则在页面上显示我的div。这有什么不对？真有趣。工作数小时后，你会失明，看不见你需要的东西：）

<v-checkbox v-model="checkboxes" label="Kurumsal Üyelik" value="checkbox-2"></v-checkbox>

<div v-if="checkboxes === 'checkbox2'">
            <v-text-field
              name="cellPhone"
              label="Cep Telefonu"
              type="text"
              key="cell-phone"
              outlined
              dense
              required
            >
           </v-text-field>

<div v-if="checkboxes === 'checkbox-2'">
            <v-text-field
              name="cellPhone"
              label="Cep Telefonu"
              type="text"
              key="cell-phone"
              outlined
              dense
              required
            >
           </v-text-field>