mirror of
https://github.com/element-plus/element-plus.git
synced 2025-01-30 11:16:12 +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:
parent
c8244b381b
commit
0949006f74
@ -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>
|
||||
-->
|
||||
```
|
||||
|
Loading…
Reference in New Issue
Block a user