radio全选错误

最新推荐文章于 2024-03-22 14:31:43 发布

Spring（小雨点）

最新推荐文章于 2024-03-22 14:31:43 发布

阅读量428

点赞数

分类专栏： vue以及前端文章标签： java

本文链接：https://blog.youkuaiyun.com/qq_42434039/article/details/122297065

版权

vue以及前端专栏收录该内容

21 篇文章

订阅专栏

这段代码展示了如何使用<a-radio-group>组件来创建一个可选的单选按钮组，并通过v-model绑定值。当选择'更多...'选项时，会显示一个输入框供用户输入额外信息。onChange事件监听了选中值的变化。这种交互设计常见于需要用户在预设选项外提供自定义输入的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

      <a-radio-group v-model="value_1" @change="onChange">//只改value_1，这是模型
        <a-radio :style="radioStyle" :value="1">//这里的value是属性不能改
          {{zhanshi}}
        </a-radio>
        <a-radio :style="radioStyle" :value="2">
          Option B
        </a-radio>
        <a-radio :style="radioStyle" :value="3">
          Option C
        </a-radio>
        <a-radio :style="radioStyle" :value="4">
          More...
          <a-input v-if="value === 4" :style="{ width: 100, marginLeft: 10 }" />
        </a-radio>
      </a-radio-group>