Vue 3复选框未选中，单击时取消检查

Question

我正在使用简单的复选框和原始库。

我的复选框是可见的，但我不知道如何使它工作。

我的密码是这样的。

<template>
  <div>
    <Checkbox />
  </div>
</template>
<script lang="ts">
import Checkbox from "primevue/checkbox"
import { defineComponent } from "vue"
export default defineComponent({
  name: "FormElement",

  components: { Checkbox },

  methods: {},
  computed: {},
})
</script>

用法：

<template>
  <div class="test">
    <FormElement />
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue"
import FormElement from "@/components/FormElement/FormElement.vue"

export default defineComponent({
  name: "Home",
  components: {
    FormElement,
  },

})
</script>

Vue Dev控制台，子组件：

​

​

Vue Dev控制台，父组件：

​

​

Answer 1

它实际上取决于您想让它做什么，下面是一个例子在哪里检查它会给数组添加一个值。您可以在元素上使用v模型。