首先，确保你已经安装了 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.zyzy.cn/article/detail/5802/Vant