0

我正在尝试做某事，我不知道从哪里开始。所以基本上它是一个提交按钮，如果它被点击我必须显示两个单选按钮以从其中一个中选择，当它不仅存在提交按钮时。现在我只有这段代码，我的所有按钮都没有条件显示，因为我不知道如何或在哪里使用它。你能帮帮我吗？我正在使用 Ant design vue 进行设计，这就是我有 a- 属性的原因。这是代码：

<template>
   <a-button type="primary" class="mb-4 text-center  float-right ">Reject</a-button>  
    <a-button type="primary" class="mb-4 text-center mr-1 float-right" >Confirm</a-button>

   <a-radio-group name="radioGroup" class="float-right">
 <a-radio value="1">A</a-radio>
<a-radio value="2">B</a-radio>
      </a-radio-group>


  </template>

    <script>
     import { defineComponent, onMounted, reactive, ref, unref, toRaw } from 'vue'
      export default {
      name :'Okbutton',

      }
     </script>
4

1 回答 1

0

一个简单的解决方案是在您的广播组中添加一个 v-if 或 v-show 并制作一个布尔值以在是否显示它们之间切换。

  <a-radio-group v-if="showRadio" name="radioGroup" class="float-right">
    <a-radio value="1">A</a-radio>
    <a-radio value="2">B</a-radio>
  </a-radio-group>

我showRadio 在这个例子中命名了布尔值。您需要在数据或设置中创建此布尔值（取决于您的结构）。每当您想显示单选按钮时，您只需设置showRadio为 true。

于 2021-05-23T09:01:29.747 回答