代码异常(Vue绑定)NO.2

1. 环境

Vue3，Element Plsu

2. 示例代码

<div class="mb-2 ml-4">
    <el-radio-group v-model="radio1">
      <el-radio value="1" size="large">Option 1</el-radio>
      <el-radio value="2" size="large">Option 2</el-radio>
    </el-radio-group>
  </div>

3. 情景描述

当radio1绑定的字符串是正常的，是数字则不生效

4. 原因

• 使用 :value（动态绑定）而不是 value（静态绑定），以确保值是整数
• 在 JavaScript 中，:value=“1” 表示绑定的是一个数字类型的值 1，而不是字符串 “1”

5. 解决方案

          <el-radio-group v-model="radio1">
            <el-radio :value="1">是</el-radio>
            <el-radio :value="0">否</el-radio>
          </el-radio-group>