ant-design-vue a-radio 默认值与反显

最新推荐文章于 2024-06-18 09:50:08 发布

qq_36987708

最新推荐文章于 2024-06-18 09:50:08 发布

阅读量8.2k

点赞数 1

分类专栏： vue Ant Design of Vue 文章标签： vue radio

本文链接：https://blog.csdn.net/qq_36987708/article/details/116064368

版权

在使用Ant Design Vue的Radio组件时，遇到默认值选中及表单修改时反显的问题。解决关键在于：默认值需为number类型，如`:value="1"`。缺少`:`会导致默认值无法生效，同时也影响到数据的动态更新和反显。这暴露了基础不牢固的问题，提示需要复习Vue基础知识。

摘要由CSDN通过智能技术生成

radio

基本用法：

<template>
  <div>
    <a-radio-group v-model="value" @change="onChange">
      <a-radio :value="1">
        A
      </a-radio>
      <a-radio :value="2">
        B
      </a-radio>
      <a-radio :value="3">
        C
      </a-radio>
      <a-radio :value="4">
        D
      </a-radio>
    </a-radio-group>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: 1,
    };
  },
  methods: {
    onChange(e) {
      console.log('radio checked', e.target.value);
    },
  },
};
</script>