vue：v-if条件

发布于 2025-02-11 01:47:00 字数 416 浏览 1 评论 0原文

在我的VUE应用程序中，我有以下代码：

<div v-if="partner == true && kids == false" class="row">
   <input type="text" id="testInput">
</div>

现在，当我想尝试此代码段时，它不会呈现输入。我很确定它应该是因为变量目前具有正确的值。

我也尝试过，但这也不起作用：

<div v-if="partner && !kids" class="row">
   <input type="text" id="testInput">
<div>

条件是错误的还是该代码的问题是什么？

原文

in my vue application I have following code:

<div v-if="partner == true && kids == false" class="row">
   <input type="text" id="testInput">
</div>

Now when I want to try out this code snippet it does not render the input. I am pretty sure it should because the variables have the right value at this moment.

I also tried this but this does not work either:

<div v-if="partner && !kids" class="row">
   <input type="text" id="testInput">
<div>

Is the condition wrong or what is the problem with this code?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

听，心雨的声音 2025-02-18 01:47:00

您的代码很好：

new Vue({
  el: "#demo",
  data() {
    return {
      partner: true,
      kids: false
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
  <div v-if="partner && !kids" class="row">
   <input type="text" id="testInput">
  </div>
</div>

Your code is fine:

new Vue({
  el: "#demo",
  data() {
    return {
      partner: true,
      kids: false
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="demo">
  <div v-if="partner && !kids" class="row">
   <input type="text" id="testInput">
  </div>
</div>

回复收藏 0 原文

~没有更多了~