mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
docs(radio-ComponsitionApi): Update the documentation of the radio component (#2524)
* docs(radio): Update the documentation of the radio component * docs(radio): Update code format
This commit is contained in:
@@ -24,14 +24,15 @@ Radio should not have too many options. Otherwise, use the Select component inst
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { ref } from 'vue'
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default {
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
const radio = ref('1');
|
||||
return { radio }
|
||||
return {
|
||||
radio: ref('1'),
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -59,17 +60,15 @@ Radio should not have too many options. Otherwise, use the Select component inst
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref('selected and disabled'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -99,17 +98,15 @@ Suitable for choosing from some mutually exclusive options.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref(3),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -170,8 +167,8 @@ Radio with button styles.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
@@ -179,10 +176,9 @@ Radio with button styles.
|
||||
radio2: ref('New York'),
|
||||
radio3: ref('New York'),
|
||||
radio4: ref('New York'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -229,8 +225,7 @@ Radio with button styles.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
@@ -239,10 +234,9 @@ Radio with button styles.
|
||||
radio2: ref('1'),
|
||||
radio3: ref('1'),
|
||||
radio4: ref('1'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
|
||||
@@ -22,14 +22,15 @@ El elemento Radio no debe tener muchas opciones. De otra manera, utilice el comp
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { ref } from 'vue'
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default {
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
const radio = ref('1');
|
||||
return { radio }
|
||||
return {
|
||||
radio: ref('1'),
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -57,17 +58,15 @@ El atributo `disabled` es utilizado para deshabilitar un Radio.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref('selected and disabled'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -97,17 +96,15 @@ Recomendado para seleccionar opciones que se excluyen mutuamente.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref(3),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -168,8 +165,8 @@ Radio con estilo de botón.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
@@ -177,10 +174,9 @@ Radio con estilo de botón.
|
||||
radio2: ref('New York'),
|
||||
radio3: ref('New York'),
|
||||
radio4: ref('New York'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -227,8 +223,7 @@ Radio con estilo de botón.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
@@ -237,10 +232,9 @@ Radio con estilo de botón.
|
||||
radio2: ref('1'),
|
||||
radio3: ref('1'),
|
||||
radio4: ref('1'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
|
||||
@@ -24,14 +24,15 @@ Radio ne devrait pas avoir trop d'options. Dans ce cas utilisez plutôt Select.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { ref } from 'vue'
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default {
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
const radio = ref('1');
|
||||
return { radio }
|
||||
return {
|
||||
radio: ref('1'),
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -59,17 +60,15 @@ L'attribut `disabled` désactive le radio.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref('selected and disabled'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -99,17 +98,15 @@ Utile pour choisir entre plusieurs groupes d'options mutuellement exclusives.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref(3),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -170,8 +167,8 @@ Des radios affichés comme des boutons standards.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
@@ -179,10 +176,9 @@ Des radios affichés comme des boutons standards.
|
||||
radio2: ref('New York'),
|
||||
radio3: ref('New York'),
|
||||
radio4: ref('New York'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -229,8 +225,7 @@ Des radios affichés comme des boutons standards.
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
@@ -239,10 +234,9 @@ Des radios affichés comme des boutons standards.
|
||||
radio2: ref('1'),
|
||||
radio3: ref('1'),
|
||||
radio4: ref('1'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
|
||||
@@ -24,14 +24,15 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { ref } from 'vue'
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default {
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
const radio = ref('1');
|
||||
return { radio }
|
||||
return {
|
||||
radio: ref('1'),
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -59,17 +60,15 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref('selected and disabled'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -99,17 +98,15 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref(3),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -170,8 +167,8 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
@@ -179,10 +176,9 @@
|
||||
radio2: ref('New York'),
|
||||
radio3: ref('New York'),
|
||||
radio4: ref('New York'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -229,8 +225,7 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
@@ -239,10 +234,9 @@
|
||||
radio2: ref('1'),
|
||||
radio3: ref('1'),
|
||||
radio4: ref('1'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
|
||||
@@ -25,14 +25,15 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { ref } from 'vue'
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default {
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
const radio = ref('1');
|
||||
return { radio }
|
||||
return {
|
||||
radio: ref('1'),
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -60,17 +61,15 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref('选中且禁用'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -102,17 +101,15 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
radio: ref(3),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -173,8 +170,8 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
return {
|
||||
@@ -182,10 +179,9 @@
|
||||
radio2: ref('上海'),
|
||||
radio3: ref('上海'),
|
||||
radio4: ref('上海'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
@@ -232,8 +228,7 @@
|
||||
</script>
|
||||
<!--
|
||||
<setup>
|
||||
|
||||
import { defineComponent, ref } from 'vue';
|
||||
import { defineComponent, ref } from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
@@ -242,10 +237,9 @@
|
||||
radio2: ref('1'),
|
||||
radio3: ref('1'),
|
||||
radio4: ref('1'),
|
||||
};
|
||||
},
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</setup>
|
||||
-->
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user