vuejs2 - 如何在Vue中显示或隐藏带有复选框输入的元素？

Question

我正在尝试这样的事情：

<b-form-checkbox
  id="currently_working"
  v-model="currentlyWorking"
  value="true"
  unchecked-value="false">
    <span class="fs--1">
      I am currently working here
    </span>
</b-form-checkbox>
</b-form-group>
<p v-if="currentlyWorking">currently working</p>

但是，这里出了点问题，因为段落标签没有根据 currentWorking状态进行切换。这是代码框链接：https ://codesandbox.io/s/agitated-night-jnhxz?file=/src/components/HelloWorld.vue:43-361

标签： vuejs2bootstrap-vue

Answer 1

尝试这个。您需要 for v-if boolean true and false 但您的组件为您提供了一个字符串 true 和 false。祝你好运。

 <b-form-checkbox
        id="currently_working"
        v-model="currentlyWorking"
        :value="true"
        :unchecked-value="false"
        ><span class="fs--1">
          I am currently working here
        </span></b-form-checkbox
      >
 </b-form-group>