Vant4 Checkbox 复选框

Vant4 是一个基于 Vue.js 的移动端组件库，它提供了一些方便易用的 UI 组件，其中包括 Checkbox 复选框。以下是一个简单的例子，展示了如何在 Vant4 中使用 Checkbox 复选框：

首先，确保你已经安装了 Vant4：

npm install vant@next

然后，在你的 Vue 组件中引入 Checkbox：

<template>
  <div>
    <van-checkbox v-model="checked">复选框</van-checkbox>
  </div>
</template>

<script>
import { ref } from 'vue';
import { Checkbox } from 'vant';

export default {
  components: {
    [Checkbox.name]: Checkbox,
  },
  setup() {
    const checked = ref(false);

    return {
      checked,
    };
  },
};
</script>

在这个例子中，我们使用了 van-checkbox 组件，并使用 v-model 指令绑定了一个布尔值 checked。当复选框被选中或取消选中时，checked 的值会相应地改变。

记得根据你的项目配置，可能还需要引入相关的样式文件。

转载请注明出处：http://www.pingtaimeng.com/article/detail/5802/Vant