前端 - vue3+element-plus的el-checkbox 绑定值问题？
<el-checkbox v-model="checked" label="Option 1" size="large" />
期望 checked 的值是 0 和 1（0 表示 true，1 表示 false）。
怎么绑定这个值呢？
尝试过：<el-checkbox :value="checked" label="Option 1" size="large" />
共有3个答案
可以使用计算属性：
<script setup lang="ts">import { ref, watch, computed, watchEffect } from "vue";const _checked = ref(), checked = computed(() => (_checked.value ? 0 : 1));</script><template> <div> <el-checkbox v-model="_checked" label="Option 1" size="large" /> <p>{{ checked }}</p> </div></template>
Ele+的 el-checkbox 组件有一对 true-value 、false-value 属性的 �� Checkbox 多选框 | Element Plus 多看看文档，不要自己瞎猜……
<template> <div> <el-checkbox v-model="checked" label="Option 1" size="large" :true-value="1" :false-value="0" /> <h2>checked: {{ checked }}</h2> </div></template><script lang="ts" setup>import { ref } from 'vue'const checked = ref(1)</script>更新
在线Demo �� Element Plus Playground
<el-checkbox :checked="checked ? true : false" @change="(value) => checked = value ? 1 : 0" label="Option 1" size="large"/>-
差不多这样 看到有资源说这样：https://blog.csdn.net/cqlcqlcui123/article/details/130141190 这样也太费劲了，大家都是这么写的吗？ 另外找到的材料都是element-ui，vue2的，基本上都推荐用.native： 但是写进去之后提示这个被deprecated了，也不生效
-
其实是想要实现这样的样式： el-select 多选，选中的内容以逗号分割，最小宽度80px;最大宽度300px;超出最大宽度显示省略号 就是大概是下面这样，一行显示已经处理了，但是最小80px，然后input框的宽度根据选中的项的字符串内容变大，最大300px,超过显示省略号还没想好如何处理，有无大佬给个思路。 看了网上有说可以用 el-select 的prefix，结合计算属性去实现，但是pr
-
使用 vite 打包组件库，在新的项目中使用时报错 下面是打包后的产物 pe 和 dn 找不到导致项目启动时就报错， 手动再新起一个别名时会结局此问题 vite.config.ts 配置如下 请问这个问题该怎么解决
-
需求：我需要一个抽屉，没有遮罩，打开抽屉时还能操作界面其它地方。我尝试使用append-to=".content-section"指定它挂载到其父dom上，另外关闭遮罩:modal="false"。这些生效之后，Drawer外层依然有一层div，而且是fixed样式，这样我就无法点击抽屉以外的地方，求问怎么解决呢？ 效果如下： 咳咳 代码如下：
-
下面这段代码来自于element-plus官网，有几点我不明白。 1.这里为什么用setTimeout？有必要吗？它是在失焦的时候才会触发验证 2.这里的ruleFormRef.value.validateField('checkPass')有必要吗？在失焦之后，checkpass字段不也会触发验证吗？如果设置change时校验，这还是有用的。 3.这里的rules有必要为响应式数据吗? 全部代码